.mail-captcha{box-sizing:border-box;width:328px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:14px;border:0;border-radius:9px;color:var(--text,#20242b);background:linear-gradient(var(--card,#fff),var(--card,#fff)),var(--bg,#fff);color-scheme:light;box-shadow:0 18px 70px #0004;font:14px/1.5 system-ui,sans-serif}
.mail-captcha::backdrop{background:#0008}
.mail-captcha .mc-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px}
.mail-captcha h2{font-size:13px;margin:0;font-weight:500}
.mail-captcha h2:focus{outline:none}
.mail-captcha .mc-tools{display:flex;align-items:center;gap:2px;flex-shrink:0}
.mail-captcha button{font:inherit;cursor:pointer;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;width:30px;height:30px;font-size:26px;line-height:1}
.mail-captcha button:hover{background:var(--line,#f0f2f5)}
.mail-captcha button:disabled{opacity:.5;cursor:wait}
.mail-captcha .mc-stage{position:relative;width:100%;overflow:hidden;border-radius:5px;background:var(--bg,#eef1f5)}
.mail-captcha .mc-stage[hidden]{display:none}
.mail-captcha .mc-bg{display:block;width:100%;height:100%;user-select:none}
.mail-captcha .mc-tile{position:absolute;max-width:none;pointer-events:none}
.mail-captcha .mc-slider{--progress:0;position:relative;height:42px;margin-top:12px}
.mail-captcha .mc-track{position:absolute;inset:15px 0;height:12px;border-radius:20px;background:var(--line,#dedee3)}
.mail-captcha .mc-handle{position:absolute;left:calc((100% - 64px)*var(--progress));top:0;width:64px;height:42px;border-radius:24px;background:#0071e3;color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 3px 8px #0071e329;pointer-events:none}
.mail-captcha .mc-handle svg{display:block;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Keep native range interaction, but hide browser-specific track/thumb decoration. */
.mail-captcha .mc-range{appearance:none;-webkit-appearance:none;position:absolute;inset:0;box-sizing:border-box;width:100%;height:42px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;opacity:0;cursor:grab;touch-action:none}
.mail-captcha .mc-slider:has(.mc-range:focus-visible) .mc-handle{outline:2px solid #0071e3;outline-offset:2px}
.mail-captcha .mc-range:active{cursor:grabbing}
.mail-captcha .mc-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:64px;height:42px;border:0;background:transparent}
.mail-captcha .mc-range::-moz-range-thumb{width:64px;height:42px;border:0;background:transparent}
.mail-captcha .mc-range::-moz-range-track{background:transparent}
.mail-captcha .mc-slider:has(input:disabled){opacity:.5}
.mail-captcha .mc-status{font-size:12px;color:var(--muted,#5b6474);margin:10px 0 0;overflow-wrap:anywhere}
.mail-captcha .mc-status:empty{display:none}
.mc-toast{margin:0;bottom:auto;right:auto;pointer-events:none}
.mail-captcha :focus-visible{outline:2px solid #0071e3;outline-offset:2px}

.mail-captcha[open]{animation:mc-fade-in 180ms ease-out both}
.mail-captcha[open]::backdrop{animation:mc-fade-in 180ms ease-out both}
.mail-captcha[open].mc-closing,.mail-captcha[open].mc-closing::backdrop{animation:mc-fade-out 160ms ease-in both;pointer-events:none}
@keyframes mc-fade-in{from{opacity:0}to{opacity:1}}
@keyframes mc-fade-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.mail-captcha[open],.mail-captcha[open]::backdrop{animation:none}}

.mail-captcha .mc-slider[hidden]{display:none}
.mail-captcha cap-widget{display:block;width:100%;--cap-widget-width:100%;--cap-widget-height:64px;--cap-border-radius:8px;--cap-background:var(--bg,#f5f5f7);--cap-color:var(--text,#20242b);--cap-border-color:var(--line,#dddddd8f);--cap-checkbox-background:var(--card,#fff);--cap-checkbox-border:1px solid var(--muted,#5f6673);--cap-spinner-color:var(--primary,#0071e3);--cap-spinner-background-color:var(--line,#eee);--cap-focus-ring:var(--primary,#0071e3);--cap-troubleshoot-color:var(--primary,#0071e3)}

:root[data-theme="dark"] .mail-captcha{color-scheme:dark}

/* Only the inner Cap widget adopts the reference appearance. */
.mail-captcha.mc-cap{
  --mc-cap-surface:#f1f4fa;--mc-cap-hover:#e9eef7;--mc-cap-border:#c5cfde;
  --mc-cap-checkbox:#64748b;--mc-cap-sheen-muted:#4b5d74;--mc-cap-sheen-bright:#123c75;
  --mc-cap-blue:#0878c1;--mc-cap-ring-bg:#c6d2e2;--mc-cap-ring-glow:#0878c114;--mc-cap-scan:#0878c11a;
  --mc-cap-confirm:#164b7a;--mc-cap-success-bg:#e9f8ef;--mc-cap-success-border:#279868;--mc-cap-success:#116543;
  --mc-cap-error-bg:#fff0f1;--mc-cap-error-border:#ce4659;--mc-cap-error:#a32c3d;--mc-cap-credit:#536278;
}
:root[data-theme="dark"] .mail-captcha.mc-cap{
  --mc-cap-surface:#252830;--mc-cap-hover:#292d36;--mc-cap-border:#ffffff2e;
  --mc-cap-checkbox:#8993a4;--mc-cap-sheen-muted:#c2ccda;--mc-cap-sheen-bright:#fff;
  --mc-cap-blue:#38bdf8;--mc-cap-ring-bg:#46515e;--mc-cap-ring-glow:#38bdf814;--mc-cap-scan:#38bdf824;
  --mc-cap-confirm:#d4eaff;--mc-cap-success-bg:#183029;--mc-cap-success-border:#36b884;--mc-cap-success:#6ee7b7;
  --mc-cap-error-bg:#35252b;--mc-cap-error-border:#f87171;--mc-cap-error:#fca5a5;--mc-cap-credit:#b8c2d0;
}
.mail-captcha .mc-cap-widget{min-height:60px}
.mail-captcha .mc-cap-widget[hidden]{display:none}
.mail-captcha.mc-cap .mc-cap-widget:empty{display:grid;place-items:center;background:var(--mc-cap-surface);border:1px solid var(--mc-cap-border);border-radius:12px}
.mail-captcha.mc-cap .mc-cap-widget:empty::after{content:'正在加载验证组件…';color:var(--mc-cap-credit);font-size:14px}
.mail-captcha.mc-cap cap-widget{--cap-widget-height:60px;--cap-background:var(--mc-cap-surface);--cap-border-color:var(--mc-cap-border);--cap-border-radius:12px;--cap-focus-ring:var(--mc-cap-blue);--cap-troubleshoot-color:var(--mc-cap-blue)}
@media(prefers-reduced-motion:reduce){.mail-captcha[open].mc-closing,.mail-captcha[open].mc-closing::backdrop{animation:none}}