.bd-overlay{position:fixed;inset:0;z-index:1000;background:rgba(23,18,31,.45);animation:bd-fade .2s ease}.bd-panel{position:absolute;top:0;right:0;bottom:0;width:min(460px,100vw);display:flex;flex-direction:column;background:#fff;box-shadow:-20px 0 60px rgba(23,18,31,.25);animation:bd-slide .28s cubic-bezier(.2,.8,.2,1)}.bd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #eeeaf3}.bd-head b{display:block;font-size:1.05rem;color:#17121f}.bd-head span{display:block;font-size:.84rem;color:#6b6577}.bd-close{width:36px;height:36px;border:0;border-radius:50%;background:#f4f1f8;font-size:1.5rem;line-height:1;color:#3a3245;cursor:pointer}.bd-body{flex:1;overflow-y:auto;overscroll-behavior:contain;background:#fff!important}.bd-body.bypage-v2 .bybuy{position:static;top:auto}.bd-body.bypage-v2 .bybuy .bypanel{border:0;box-shadow:none;border-radius:0;padding:20px 22px 28px}@keyframes bd-fade{0%{opacity:0}to{opacity:1}}@keyframes bd-slide{0%{transform:translateX(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.bd-overlay,.bd-panel{animation:none}}.bd-steps{position:relative;display:flex;justify-content:space-between;gap:6px;margin:0;padding:12px 20px 16px;list-style:none;border-bottom:1px solid #eeeaf3}.bd-steps li{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:#9a93a6;z-index:1}.bd-steps .n{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eeeaf3;color:#6b6577;font-size:.72rem;font-weight:800}.bd-steps li.done{color:#1f8a5b}.bd-steps li.done .n{background:#1f8a5b;color:#fff}.bd-steps li.now{color:#17121f}.bd-steps li.now .n{background:#f28c38;color:#1f1530}.bd-bar{position:absolute;left:20px;right:20px;bottom:6px;height:4px;border-radius:2px;background:#eeeaf3;overflow:hidden}.bd-bar:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);background:linear-gradient(90deg,#1f8a5b,#f28c38);transition:width .35s ease}.bd-cpd{display:flex;align-items:center;gap:14px;margin:16px 22px 0;padding:12px 14px;border:1px solid #ece8f2;border-radius:12px;background:#faf8fc}.bd-cpd img{height:52px;width:auto;flex:0 0 auto}.bd-cpd b{display:block;font-size:.9rem;color:#17121f}.bd-cpd span{display:block;font-size:.78rem;line-height:1.45;color:#6b6577}@media(max-width:420px){.bd-steps .t{font-size:.72rem}.bd-cpd img{height:44px}}.bd-terms{margin:0;padding:14px 22px 22px;font-size:.78rem;line-height:1.5;color:#6b6577;border-top:1px solid #eeeaf3}.bd-terms a{color:#3a3245;font-weight:600;text-decoration:underline}