.qx{display:grid;grid-template-columns:minmax(0,1fr) 392px;grid-gap:56px;gap:56px;align-items:start;padding:8px 0 96px}.qx-main{min-width:0;max-width:820px}.qx-steps{display:flex;gap:6px;margin:0 0 36px;padding:0;list-style:none;counter-reset:s}.qx-steps li{flex:1 1;min-width:0}.qx-steps button{display:flex;align-items:center;gap:10px;width:100%;padding:0 0 14px;border:0;border-bottom:3px solid var(--bg3);background:none;text-align:left;font-size:14px;font-weight:600;color:var(--sub);cursor:default;transition:border-color .25s var(--ease),color .25s}.qx-steps li.cur button{border-color:var(--ink);color:var(--ink)}.qx-steps li.done button{border-color:var(--g);color:var(--ink);cursor:pointer}.qx-steps li.done button:hover span{text-decoration:underline;text-underline-offset:4px}.qx-steps b{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--bg3);font-size:13px;font-weight:700;color:var(--sub)}.qx-steps li.cur b{background:var(--ink);color:#fff}.qx-steps li.done b{background:var(--g);color:var(--ink)}.qx-steps b .qx-tick{display:block;width:16px;height:16px}.qx-steps span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qx-h{margin:0 0 32px;font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.25}.qx .label{gap:12px;font-size:15px}.qx .label>span{font-size:16px;font-weight:700;color:var(--ink)}.qx .label .label{gap:8px}.qx-stack{display:flex;flex-direction:column;gap:36px}.qx-narrow{max-width:240px}.qx-dim small{font-size:13px;color:var(--sub)}.qx-unit{position:relative;display:block}.qx-unit .input{padding-right:46px}.qx-unit i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;font-size:14px;color:var(--sub);pointer-events:none}.qx-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.qx-opts.has-img{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.qx-opt{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:16px 18px;border:1.5px solid var(--line2);border-radius:16px;background:#fff;font:inherit;font-size:16px;font-weight:600;line-height:1.35;text-align:left;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .2s,transform .15s}.qx-opt:hover{border-color:var(--ink);transform:translateY(-1px)}.qx-opt:active{transform:scale(.985)}.qx-opt.on{border-color:var(--ink);background:#f4faf6;box-shadow:inset 0 0 0 1px var(--ink)}.qx-opt:not(.img){padding-right:40px}.qx-opt-s{font-size:13px;font-weight:600;color:var(--gt)}.qx-tick{position:absolute;top:10px;right:10px;width:22px;height:22px;padding:3px;border-radius:50%;background:var(--ink);color:#fff;opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s var(--ease)}.qx-opt.on .qx-tick{opacity:1;transform:none}.qx-opt.img{justify-content:flex-start;gap:12px;padding:12px 12px 16px}.qx-thumb{display:block;border-radius:10px;background:var(--bg2);overflow:hidden}.qx-thumb img{width:100%;aspect-ratio:4/3;object-fit:contain;padding:6px}.qx-opt.img .qx-opt-t{padding:0 4px}.qx-opt.img .qx-tick{top:20px;right:20px}.qx-side{position:-webkit-sticky;position:sticky;top:96px}.qx-card{padding:26px 26px 22px;border:1px solid var(--line);border-radius:var(--rp);background:#fff;box-shadow:var(--sh)}.qx-card-t{margin:0 0 14px;font-size:18px;font-weight:800;letter-spacing:-.02em}.qx-sum{margin:0;display:flex;flex-direction:column}.qx-sum>div{display:grid;grid-template-columns:72px 1fr;grid-gap:12px;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}.qx-sum>div:first-child{border-top:0}.qx-sum dt{color:var(--sub)}.qx-sum dd{margin:0;font-weight:600;word-break:keep-all;overflow-wrap:anywhere}.qx-sum .qx-need dd{color:var(--danger);font-weight:500}.qx-sum .qx-none dd{color:var(--line2);font-weight:400}.qx-price{margin-top:18px;padding:20px 20px 18px;border-radius:16px;background:var(--ink);color:#fff;transition:opacity .2s}.qx-price.load{opacity:.6}.qx-price-l{margin:0 0 6px;font-size:14px;font-weight:600;color:#c9d2cc}.qx-price-l small{margin-left:6px;font-size:12px;font-weight:400;color:#97a39b}.qx-price-n{margin:0;font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--lime)}.qx-price-s{margin:6px 0 0;font-size:14px;color:#dfe6e1}.qx-price-m{margin:0;font-size:15px;line-height:1.6;color:#dfe6e1}.qx-tool{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:14px 0 0;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.09);font-size:14px;color:#dfe6e1}.qx-tool b{font-size:16px;font-weight:800;color:#fff}.qx-tier{width:100%;margin:16px 0 0;border-collapse:collapse;font-size:13px}.qx-tier td,.qx-tier th{padding:8px 0;border-top:1px solid rgba(255,255,255,.14);text-align:left;font-weight:500;color:#c9d2cc}.qx-tier td{text-align:right}.qx-tier td:last-child{color:#97a39b;padding-left:10px}.qx-tier tr.on td,.qx-tier tr.on th{color:#fff;font-weight:700}.qx-basis{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#97a39b}.qx-basis li:before{content:"· "}.qx-note{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:#97a39b}.qx-card>.qx-note{color:var(--sub)}.qx-bar,.qx-scrim{display:none}.from-pf{display:flex;gap:16px;align-items:center;margin:0 0 28px;padding:16px 20px;border-radius:var(--rp);background:var(--bg2)}.from-pf .ph{width:60px;flex:none;border-radius:var(--r)}.from-pf b{display:block;font-size:16px;font-weight:700;margin-top:2px}.drop{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 18px;border:1.5px dashed var(--line2);border-radius:var(--r);background:var(--bg2);cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,background .15s}.drop:hover{border-color:var(--ink);background:#fff}.drop b{font-size:15px;font-weight:700}.drop span{font-size:13px;color:var(--sub)}.files{display:flex;flex-direction:column;margin-top:4px}.files div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;word-break:break-all}.files .sum{padding-top:10px;font-size:13px;color:var(--sub);border:0;justify-content:flex-start}.files .sum.over{color:var(--danger)}.done .dlt,.qx .dlt{display:grid;grid-template-columns:120px 1fr;grid-gap:0 20px;gap:0 20px;margin-top:4px;padding:8px 24px;border:1px solid var(--line);border-radius:var(--rp)}.done .dlt dd,.done .dlt dt,.qx .dlt dd,.qx .dlt dt{padding:14px 0;font-size:15px;word-break:keep-all;overflow-wrap:anywhere}.nw{white-space:nowrap}.qx .dlt dd small{color:var(--sub)}.done .dlt dd:last-of-type,.done .dlt dt:last-of-type,.qx .dlt dd:last-of-type,.qx .dlt dt:last-of-type{border-bottom:0}.qx .nav{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:44px;padding:28px 0 0;border-top:1px solid var(--line)}.qx .nav .btn-o{margin-right:auto}.qx .nav .btn.dim{opacity:.45}.qx .nav .btn{min-width:168px}.wrap.done{max-width:720px;padding:96px 20px 0;text-align:center}.done-ic{width:72px;height:72px;margin:0 auto 24px;border-radius:50%;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center}.done .h1{margin:8px 0 14px;font-size:38px}.done .lead{margin:0 auto}.done .dlt{margin-top:36px;text-align:left}.done .row{margin-top:32px;justify-content:center;gap:12px 24px}@media (max-width:1080px){.qx{grid-template-columns:minmax(0,1fr) 340px;gap:36px}}@media (max-width:900px){.qx{display:block;padding:0 0 120px}.qx-main{max-width:none}.qx-h{font-size:26px;margin-bottom:24px}.qx-steps{gap:4px;margin-bottom:26px}.qx-steps span{display:none}.qx-steps li.cur span{display:block}.qx-steps li.cur{flex:3 1}.qx-stack{gap:30px}.qx-opts{gap:10px}.qx-opts,.qx-opts.has-img{grid-template-columns:1fr 1fr}.qx-opt{padding:14px;min-height:58px;font-size:15px}.qx-opt:not(.img){padding-right:38px}.done .dlt,.qx .dlt{grid-template-columns:84px 1fr;gap:0 14px;padding:4px 18px}.qx .nav{gap:8px;margin-top:32px;padding-top:20px}.qx .nav .btn{flex:1 1;min-width:0}.qx-side{position:fixed;left:0;right:0;bottom:0;z-index:65;max-height:80vh;overflow:auto;padding:0 12px 76px;transform:translateY(100%);visibility:hidden;transition:transform .3s var(--ease),visibility 0s .3s}.qx-side.open{transform:none;visibility:visible;transition:transform .3s var(--ease)}.qx-card{border-radius:22px 22px 0 0;box-shadow:0 -12px 40px -12px rgba(13,20,17,.35)}.qx-scrim{inset:0;z-index:60;border:0;background:rgba(13,20,17,.45);cursor:pointer}.qx-bar,.qx-scrim{display:block;position:fixed}.qx-bar{left:0;right:0;bottom:0;z-index:70;padding:10px 84px calc(10px + env(safe-area-inset-bottom)) 16px;background:#fff;border-top:1px solid var(--line)}.qx-bar-btn{display:flex;align-items:center;gap:10px;width:100%;height:52px;padding:0 18px;border:0;border-radius:var(--r);background:var(--ink);color:#fff;font:inherit;cursor:pointer}.qx-bar-l{font-size:13px;color:#c9d2cc}.qx-bar-btn b{flex:1 1;text-align:right;font-size:17px;font-weight:800;color:var(--lime)}.qx-bar-btn i{font-style:normal;font-size:11px;color:#97a39b}.wrap.done{padding:56px 20px 0}.done-ic{width:60px;height:60px;margin-bottom:20px}.done .h1{font-size:28px}}@media (prefers-reduced-motion:reduce){.qx-opt,.qx-side,.qx-steps button,.qx-tick{transition:none}}.dp{position:relative}.dp-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:52px;padding:0 16px;border:1.5px solid var(--line2);border-radius:var(--r);background:#fff;font:inherit;font-size:16px;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s}.dp-btn:hover,.dp-btn[aria-expanded=true]{border-color:var(--ink)}.dp-btn.ph{color:#8a918d}.dp-btn svg{flex:none;color:var(--sub)}.dp-scrim{display:none}.dp-pop{position:absolute;z-index:40;left:0;top:calc(100% + 8px);width:320px;padding:18px 16px 12px;border:1px solid var(--line);border-radius:var(--rp);background:#fff;box-shadow:0 24px 48px -16px rgba(13,20,17,.35);animation:dp-in .18s var(--ease)}@keyframes dp-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.dp-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:0 2px}.dp-head b{font-size:16px;font-weight:800;letter-spacing:-.02em}.dp-nav{width:36px;height:36px;border:0;border-radius:50%;background:var(--bg2);font-size:20px;line-height:1;color:var(--ink);cursor:pointer;transition:background .15s}.dp-nav:hover:not(:disabled){background:var(--bg3)}.dp-nav:disabled{opacity:.3;cursor:not-allowed}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;text-align:center}.dp-dow span{padding:6px 0;font-size:12px;font-weight:600;color:var(--sub)}.dp-d.sun,.dp-dow .sun{color:#c0392b}.dp-d.sat,.dp-dow .sat{color:#2f6fd0}.dp-d{position:relative;aspect-ratio:1/1;border:0;border-radius:50%;background:none;font:inherit;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer;transition:background .12s,color .12s}.dp-d:hover:not(:disabled):not(.on){background:var(--bg2)}.dp-d:disabled{color:#c3c9c5;cursor:not-allowed}.dp-d.today:not(.on):after{content:"";position:absolute;left:50%;bottom:6px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--g)}.dp-d.on{background:var(--ink);color:#fff;font-weight:700}.dp-foot{display:flex;justify-content:space-between;margin-top:8px;padding:10px 4px 0;border-top:1px solid var(--line)}.dp-link{padding:6px 8px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--gt);cursor:pointer}.dp-link:disabled{color:#c3c9c5;cursor:not-allowed}@media (max-width:900px){.dp-scrim{display:block;position:fixed;inset:0;z-index:80;border:0;background:rgba(13,20,17,.45)}.dp-pop{position:fixed;z-index:90;left:50%;top:50%;width:min(340px,calc(100vw - 32px));transform:translate(-50%,-50%);animation:none}}.done-status{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px auto 0;max-width:680px;padding:22px 26px;border-radius:var(--rp);background:var(--bg2);text-align:left}.done-status b{display:block;font-size:17px;font-weight:800;letter-spacing:-.02em}.done-status p{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--sub)}.done-status .btn{flex:none}@media (max-width:700px){.done-status{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.done-status .btn{width:100%}}