.flow{position:fixed;inset:0;background:#e8ebe9;z-index:25;overflow:auto}.flow-phone{width:min(100%,430px);margin:auto;min-height:100vh;background:var(--cream)}.flow .wechat-bar button{position:absolute;left:15px;border:0;background:none;font-size:38px}.flow-head{background:#fff;padding:25px 22px 18px}.flow-title{display:flex;align-items:center;gap:13px}.flow-title i{width:43px;height:43px;border-radius:50%;background:#e4eeeb;color:var(--green);display:grid;place-items:center;font-style:normal;font-weight:700}.flow-title b,.flow-title small{display:block}.flow-title b{font-size:19px}.flow-title small{color:#77827f;margin-top:4px}.flow-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px}.flow-progress span{height:4px;background:#dfe4e2;border-radius:4px}.flow-progress span.on{background:var(--green)}.flow-labels{display:grid;grid-template-columns:repeat(3,1fr);font-size:11px;color:#9ca4a1;text-align:center;margin-top:7px}.flow-labels .on{color:var(--green);font-weight:700}.flow-body{padding:23px}.flow-field{margin-bottom:23px}.flow-field>b{display:block;font-size:16px;margin-bottom:11px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips button{border:1px solid #dce1df;background:#fff;border-radius:25px;padding:11px 17px;color:#616c70}.chips button.chosen{border-color:var(--green);background:#e7f2ee;color:var(--green)}.flow-field input,.flow-field textarea{width:100%;border:1px solid #dce1df;border-radius:14px;background:#fff;padding:16px;font:inherit}.flow-field textarea{min-height:110px;resize:none}.primary,.outline{width:100%;border-radius:25px;padding:14px;font-weight:700}.primary{border:0;background:var(--green);color:#fff}.outline{border:1px solid var(--green);background:#fff;color:var(--green)}.flow-note{font-size:12px;color:#7c8784;line-height:1.6;margin:13px 0}.match-heading b,.match-heading small{display:block}.match-heading b{font-size:22px}.match-heading small{color:#78837f;margin-top:5px}.neutral{background:#eaf1ee;border-radius:14px;padding:14px;font-size:12px;color:#64716d;line-height:1.6;margin:15px 0}.match-option{display:block;width:100%;position:relative;border:2px solid transparent;border-radius:17px;background:#fff;padding:17px;text-align:left;margin-bottom:13px}.match-option.chosen{border-color:var(--green)}.match-option>b,.match-option>small,.match-option>em{display:block}.match-option>b{font-size:17px}.match-option small{color:#7a8582;margin-top:4px}.match-option em{font-style:normal;color:#b17f20;margin-top:12px}.match-option span{position:absolute;right:14px;top:14px;color:var(--green)}.flow-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.result{text-align:center}.result-mark{width:76px;height:76px;background:var(--green);color:#fff;border-radius:50%;display:grid;place-items:center;margin:20px auto;font-size:35px}.result h2{margin:0}.result-code{color:#78837f}.result-card{text-align:left;background:#fff;border-radius:17px;padding:18px;margin:20px 0}.result-card b,.result-card small{display:block}.result-card small{color:#7b8582;margin-top:5px}.timeline{text-align:left;background:#fff;border-radius:17px;padding:18px;margin-bottom:16px}.timeline div{display:flex;gap:12px;margin:13px 0}.timeline i{width:27px;height:27px;border-radius:50%;background:#e5f1ed;color:var(--green);display:grid;place-items:center;font-style:normal}.timeline b,.timeline small{display:block}.timeline small{color:#7b8582;margin-top:3px}