*{box-sizing:border-box}
body{margin:0;background:#f5f7fb;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.wrap{margin:9vh auto 0;max-width:540px;padding:28px}
.panel{background:#fff;border:1px solid #dbe4ef;border-radius:8px;box-shadow:0 10px 30px rgba(15,23,42,.08);padding:24px}
h2{font-size:22px;line-height:1.35;margin:0 0 8px}
.desc{color:#475569;font-size:14px;line-height:1.7;margin:0 0 18px}
.meta{color:#64748b;font-size:12px;line-height:1.6;margin-top:16px}
.btn{align-items:center;background:#1f6feb;border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;height:40px;justify-content:center;min-width:104px;padding:0 18px}
.btn:disabled{background:#94a3b8;cursor:not-allowed}
.bar{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}
.bar span{animation:pcdn-load var(--pcdn-wait,5s) linear forwards;background:#1f6feb;display:block;height:100%;width:0}
@keyframes pcdn-load{to{width:100%}}
.captcha{display:flex;gap:10px;max-width:100%}
.input{border:1px solid #cbd5e1;border-radius:6px;font-size:15px;height:38px;min-width:0;padding:0 10px}
.captcha .input{flex:1}
.question{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;display:flex;height:38px;padding:0 12px;white-space:nowrap}
.range{accent-color:#1f6feb;width:100%}
.slider-box{position:relative;touch-action:none}
.slider-track{background:#e2e8f0;border-radius:999px;height:46px;overflow:hidden;position:relative}
.slider-fill{background:#9bd47b;height:100%;left:0;position:absolute;top:0;width:0}
.slider-text{align-items:center;color:#475569;display:flex;font-size:14px;height:100%;justify-content:center;position:relative}
.slider-handle{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 1px 5px rgba(15,23,42,.18);color:#64748b;cursor:grab;display:flex;height:46px;justify-content:center;left:0;position:absolute;top:0;width:52px}
.slider-handle:active{cursor:grabbing}
.target{align-items:center;animation:pcdn-spin 2.8s linear infinite;background:#1f6feb;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:96px;justify-content:center;margin:8px auto;width:96px}
@keyframes pcdn-spin{to{transform:rotate(360deg)}}
.error{color:#b42318;font-size:13px;line-height:1.6;margin-top:10px;min-height:20px}
@media (max-width:560px){.wrap{margin-top:6vh;padding:18px}.panel{padding:20px}.captcha{flex-wrap:wrap}.captcha .btn{width:100%}}