*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;background:#f2f3f7;color:#1a1a1a;font-size:15px}#root{max-width:480px;margin:0 auto;min-height:100%;position:relative;background:#f2f3f7;overflow-x:hidden}.screen{display:flex;flex-direction:column;min-height:100vh;padding-bottom:120px}.hero{background:linear-gradient(135deg,#dbe7ff 0%,#f6ede0 60%,#fbe9d8 100%);padding:28px 20px 30px;position:relative}.hero.small{padding:40px 20px 24px}.hero-title{font-size:22px;font-weight:800;letter-spacing:.5px}.hero.small .hero-title{font-size:19px}.hero-sub{margin-top:12px;display:flex;align-items:center;justify-content:space-between;color:#6b6f7a;font-size:13px}.hero-sub b{color:#333}.badge{background:#f6d38a;color:#6b4a00;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.back{position:absolute;top:14px;left:12px;font-size:26px;line-height:1;color:#333;padding:4px 10px;cursor:pointer}.body{flex:1;padding:16px}.card{background:#fff;border-radius:16px;padding:6px 16px;margin-bottom:14px;box-shadow:0 2px 12px #00000008}.card-title{font-size:15px;font-weight:700;padding:14px 0 6px}.field{display:flex;align-items:center;min-height:56px;border-bottom:1px solid #f0f0f2}.field:last-child{border-bottom:none}.field>label{width:78px;color:#333;font-weight:600;font-size:15px;flex-shrink:0}.field-input{flex:1;border:none;outline:none;font-size:15px;text-align:right;background:transparent;color:#1a1a1a;width:100%}.field-input::placeholder{color:#b8bcc6;font-weight:400}.code-row{flex:1;display:flex;align-items:center;gap:10px}.code-btn{border:none;background:none;color:#2b6cff;font-size:14px;font-weight:600;white-space:nowrap}.code-btn:disabled{color:#b8bcc6}.select-row{display:flex;align-items:center;min-height:58px;border-bottom:1px solid #f0f0f2;cursor:pointer}.select-row:last-child{border-bottom:none}.select-row .label{flex:1;font-weight:600}.select-row .value{color:#1a1a1a;margin-right:6px;max-width:60%;text-align:right}.select-row .value.placeholder{color:#b8bcc6;font-weight:400}.select-row .chev{color:#c0c4cc;font-size:15px}.amount-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:10px 0 18px}.amount-item{border:1.5px solid #e6e8ee;border-radius:12px;padding:16px 8px;text-align:center;font-weight:700;font-size:16px;color:#333;background:#fafbfc;cursor:pointer;transition:.15s}.amount-item .sub{display:block;font-size:12px;color:#9aa0ab;font-weight:400;margin-top:4px}.amount-item.selected{border-color:#f0a52a;background:#fff8ec;color:#d9860b;box-shadow:0 2px 10px #f0a52a26}.footer{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;padding:12px 16px 20px;background:linear-gradient(180deg,rgba(242,243,247,0) 0%,#f2f3f7 30%)}.cta{width:100%;height:52px;border:none;border-radius:26px;font-size:17px;font-weight:700;color:#fff;background:linear-gradient(90deg,#ffb43b,#ff8a00);box-shadow:0 6px 16px #ff8a004d;cursor:pointer}.cta:disabled{background:#d6d8de;color:#fff;box-shadow:none}.footer-tip{text-align:center;font-size:12px;color:#9aa0ab;margin-top:10px}.footer-tip b{color:#ff8a00}.matching-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:linear-gradient(180deg,#eaf1ff,#f2f3f7)}.radar{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.radar-ring{position:absolute;width:160px;height:160px;border-radius:50%;border:2px solid #2b6cff;opacity:0;animation:pulse 2s infinite}.radar-ring.d2{animation-delay:1s}@keyframes pulse{0%{transform:scale(.4);opacity:.6}to{transform:scale(1);opacity:0}}.radar-core{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#4a86ff,#2b6cff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 8px 24px #2b6cff66}.matching-title{margin-top:36px;font-size:17px;font-weight:700}.matching-steps{list-style:none;margin-top:24px;width:100%;max-width:280px}.matching-steps li{margin-bottom:10px;background:#fff;border-radius:12px;color:#9aa0ab;font-size:14px;position:relative;padding:12px 16px 12px 40px}.matching-steps li:before{content:"○";position:absolute;left:16px;color:#c0c4cc}.matching-steps li.done{color:#1a1a1a}.matching-steps li.done:before{content:"✓";color:#22c55e;font-weight:700}.result-card{background:linear-gradient(135deg,#2b6cff,#4a86ff);border-radius:16px;padding:24px;color:#fff;text-align:center;margin-bottom:16px;box-shadow:0 8px 24px #2b6cff40}.result-amount{font-size:34px;font-weight:800}.result-desc{font-size:13px;opacity:.85;margin-top:6px}.protocol-list{list-style:none;padding:6px 0 12px}.protocol-list li{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f7}.protocol-list li:last-child{border-bottom:none}.protocol-list a{color:#2b6cff;font-size:14px;text-decoration:none;flex:1}.protocol-list .doc-ico{margin-right:8px}.agree-row{display:flex;align-items:center;gap:8px;padding:4px 4px 0;font-size:13px;color:#6b6f7a}.agree-row input{width:18px;height:18px;accent-color:#ff8a00}.market-topcard{background:linear-gradient(135deg,#ff8a00,#ffb43b);border-radius:16px;padding:20px;color:#fff;margin-bottom:16px}.market-topcard-label{font-size:13px;opacity:.9}.market-topcard-amount{font-size:32px;font-weight:800;margin-top:4px}.market-list{display:flex;flex-direction:column;gap:12px}.market-empty{text-align:center;color:#9aa0ab;padding:30px}.market-item{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;box-shadow:0 2px 12px #0000000a}.market-logo{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#4a86ff,#2b6cff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-right:12px;flex-shrink:0}.market-info{flex:1;min-width:0}.market-name{font-weight:700;font-size:16px}.market-quota{color:#ff8a00;font-weight:700;font-size:14px;margin-top:4px}.market-tags{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.market-tag{font-size:11px;color:#9aa0ab;background:#f2f3f7;border-radius:6px;padding:2px 8px}.market-apply{background:linear-gradient(90deg,#ffb43b,#ff8a00);color:#fff;border:none;border-radius:18px;padding:8px 16px;font-weight:700;font-size:14px;white-space:nowrap}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:100}.sheet{position:absolute;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;background:#fff;border-radius:18px 18px 0 0;max-height:70vh;display:flex;flex-direction:column;animation:slideup .25s ease}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px;font-weight:700;font-size:16px;border-bottom:1px solid #f2f2f4}.sheet-close{color:#b8bcc6;font-size:16px;cursor:pointer}.sheet-body{overflow-y:auto;padding:6px 0 12px}.sheet-opt{padding:15px 20px;font-size:15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.sheet-opt.active{color:#ff8a00;font-weight:700}.sheet-opt.active:after{content:"✓"}.sheet-opt .chev{color:#c0c4cc}.sheet-search{padding:10px 16px}.sheet-search input{width:100%;height:40px;border:1px solid #eee;border-radius:10px;padding:0 12px;outline:none;font-size:14px}.toast{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;padding:10px 18px;border-radius:10px;font-size:14px;z-index:200;opacity:0;transition:opacity .2s;pointer-events:none;max-width:80%;text-align:center}.toast.show{opacity:1}