.ztw-yzm-wrapper{--ztw-radius:16px;--ztw-padding:28px 28px 26px;--ztw-gap:22px;--ztw-qr-size:104px;--ztw-accent:#2563eb;--ztw-accent-hover:#1d4ed8;--ztw-accent-muted:rgba(37,99,235,.08);--ztw-surface:#fff;--ztw-border:#eaeef4;--ztw-text-primary:#1e2a3a;--ztw-text-muted:#6b7a90;--ztw-input-bg:#f4f6fa;--ztw-input-border:#dde3ee;--ztw-badge-bg:var(--ztw-accent);--ztw-badge-color:#fff;--ztw-shadow:0 1px 4px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.07);--ztw-transition:0.18s cubic-bezier(0.4,0,0.2,1);--ztw-error-text:#e5573a;box-sizing:border-box;contain:layout style;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6;margin:28px auto;max-width:580px}.ztw-yzm-wrapper *,.ztw-yzm-wrapper :after,.ztw-yzm-wrapper :before{box-sizing:inherit}.ztw-yzm-accent-line{background:var(--ztw-accent);border-radius:var(--ztw-radius) var(--ztw-radius) 0 0;height:3px;transition:background var(--ztw-transition)}.ztw-yzm-inner{align-items:flex-start;background:var(--ztw-surface);border:1px solid var(--ztw-border);border-radius:0 0 var(--ztw-radius) var(--ztw-radius);border-top:none;box-shadow:var(--ztw-shadow);display:flex;gap:var(--ztw-gap);padding:var(--ztw-padding);transition:background var(--ztw-transition),border-color var(--ztw-transition),box-shadow var(--ztw-transition)}.ztw-yzm-qr-wrap{align-items:center;aspect-ratio:1/1;background:#fff;border:1px solid var(--ztw-border);border-radius:calc(var(--ztw-radius) - 4px);display:flex;flex-shrink:0;justify-content:center;overflow:hidden;transition:border-color var(--ztw-transition);width:var(--ztw-qr-size)}.ztw-yzm-qr-wrap img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ztw-yzm-content{flex:1;min-width:0}.ztw-yzm-badge{align-items:center;background:var(--ztw-badge-bg);border-radius:6px;color:var(--ztw-badge-color);display:inline-flex;font-size:12px;font-weight:600;gap:5px;letter-spacing:0;line-height:1.4;margin-bottom:12px;padding:4px 10px}.ztw-yzm-badge:before{content:"🔒";font-size:11px;line-height:1}.ztw-yzm-desc{color:var(--ztw-text-muted);font-size:14px;line-height:1.65;margin-bottom:16px}.ztw-text-accent,.ztw-yzm-desc span,.ztw-yzm-desc strong{background:var(--ztw-accent-muted);border-radius:4px;color:var(--ztw-accent);font-weight:600;padding:1px 5px}.ztw-yzm-form-wrap{position:relative}.ztw-yzm-form{align-items:stretch;display:flex;gap:10px}.ztw-yzm-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ztw-input-bg);border:1.5px solid var(--ztw-input-border);border-radius:10px;color:var(--ztw-text-primary);flex:1;font-family:inherit;font-size:14px;height:42px;min-width:0;outline:none;padding:0 16px;transition:border-color var(--ztw-transition),box-shadow var(--ztw-transition),background var(--ztw-transition)}.ztw-yzm-input::-moz-placeholder{color:var(--ztw-text-muted);opacity:.6}.ztw-yzm-input::placeholder{color:var(--ztw-text-muted);opacity:.6}.ztw-yzm-input:focus{background:#fff;border-color:var(--ztw-accent);box-shadow:0 0 0 3px var(--ztw-accent-muted)}.ztw-yzm-btn{align-items:center;background:var(--ztw-accent);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:14px;font-weight:500;height:42px;justify-content:center;letter-spacing:.2px;padding:0 22px;transition:background var(--ztw-transition),transform var(--ztw-transition),box-shadow var(--ztw-transition),opacity var(--ztw-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ztw-yzm-btn:hover{background:var(--ztw-accent-hover);box-shadow:0 4px 14px rgba(0,0,0,.15);transform:translateY(-1px)}.ztw-yzm-btn:active{box-shadow:none;transform:translateY(0) scale(.97)}.ztw-yzm-btn:disabled,.ztw-yzm-btn[disabled]{cursor:default;opacity:.45;pointer-events:none;transform:none}.ztw-yzm-error-tip{color:var(--ztw-error-text);font-size:12px;font-weight:500;opacity:0;pointer-events:none;position:absolute;right:122px;top:21px;transform:translateY(-50%) translateX(4px);transition:opacity .18s cubic-bezier(.4,0,.2,1),visibility .18s,transform .18s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:nowrap}.ztw-yzm-form-wrap.has-error .ztw-yzm-error-tip{opacity:1;transform:translateY(-50%) translateX(0);visibility:visible}.ztw-yzm-form-wrap.has-error .ztw-yzm-input{border-color:var(--ztw-error-text);box-shadow:0 0 0 3px rgba(229,87,58,.08);padding-right:120px;transition:padding-right .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1)}.ztw-yzm-error-tip:before{content:none}@media(prefers-reduced-motion:reduce){.ztw-yzm-accent-line,.ztw-yzm-btn,.ztw-yzm-error-tip,.ztw-yzm-inner,.ztw-yzm-input,.ztw-yzm-wrapper{animation:none;transition:none}}.ztw-skin-1{--ztw-radius:16px;--ztw-accent:#2563eb;--ztw-accent-hover:#1d4ed8;--ztw-accent-muted:rgba(37,99,235,.07);--ztw-surface:#fff;--ztw-border:#e8ecf2;--ztw-text-primary:#1e2a3a;--ztw-text-muted:#6b7a90;--ztw-badge-bg:rgba(37,99,235,.07);--ztw-badge-color:#1d4ed8;--ztw-input-bg:#f4f6fa;--ztw-input-border:#dde3ee;--ztw-shadow:0 1px 3px rgba(15,23,42,.04),0 6px 20px rgba(15,23,42,.06);--ztw-error-text:#e5573a}.ztw-skin-1 .ztw-yzm-accent-line{background:#2563eb;height:2px}.ztw-skin-1 .ztw-yzm-qr-wrap{border-color:#e8ecf2;border-radius:12px;box-shadow:0 2px 8px rgba(15,23,42,.05)}.ztw-skin-1 .ztw-yzm-badge{border-radius:6px}.ztw-skin-1 .ztw-yzm-input{border-radius:10px}.ztw-skin-1 .ztw-yzm-input:focus{box-shadow:0 0 0 3px rgba(37,99,235,.08)}.ztw-skin-1 .ztw-yzm-btn{border-radius:10px;box-shadow:0 2px 8px rgba(37,99,235,.18)}.ztw-skin-1 .ztw-yzm-btn:hover{box-shadow:0 4px 14px rgba(37,99,235,.26)}@media(max-width:600px){.ztw-skin-1{--ztw-padding:20px 20px 18px;--ztw-qr-size:88px}}.ztw-skin-2{--ztw-radius:18px;--ztw-padding:28px 28px 26px;--ztw-gap:22px;--ztw-qr-size:104px;--ztw-accent:#60a5fa;--ztw-accent-hover:#93c5fd;--ztw-accent-muted:rgba(96,165,250,.1);--ztw-surface:#0d1117;--ztw-border:hsla(0,0%,100%,.07);--ztw-text-primary:#e8edf5;--ztw-text-muted:#8b99b0;--ztw-badge-bg:rgba(96,165,250,.1);--ztw-badge-color:#93c5fd;--ztw-input-bg:hsla(0,0%,100%,.04);--ztw-input-border:hsla(0,0%,100%,.09);--ztw-shadow:0 0 0 1px hsla(0,0%,100%,.04),0 16px 48px -8px rgba(0,0,0,.6);--ztw-error-text:#fca5a5}.ztw-skin-2 .ztw-yzm-accent-line{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.18) 30%,rgba(96,165,250,.35) 50%,hsla(0,0%,100%,.18) 70%,transparent);height:1px}.ztw-skin-2 .ztw-yzm-inner{background:radial-gradient(ellipse at 70% 0,rgba(96,165,250,.06) 0,rgba(13,17,23,0) 60%),var(--ztw-surface);border-color:hsla(0,0%,100%,.07)}.ztw-skin-2 .ztw-yzm-qr-wrap{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}.ztw-skin-2 .ztw-yzm-badge{border-radius:6px}.ztw-skin-2 .ztw-yzm-input{border-radius:10px;color:#e8edf5}.ztw-skin-2 .ztw-yzm-input::-moz-placeholder{color:#8b99b0}.ztw-skin-2 .ztw-yzm-input::placeholder{color:#8b99b0}.ztw-skin-2 .ztw-yzm-input:focus{background:hsla(0,0%,100%,.06);border-color:rgba(96,165,250,.4);box-shadow:0 0 0 3px rgba(96,165,250,.08)}.ztw-skin-2 .ztw-yzm-btn{border-radius:10px;box-shadow:0 2px 10px rgba(96,165,250,.2);font-weight:500}.ztw-skin-2 .ztw-yzm-btn:hover{box-shadow:0 4px 16px rgba(96,165,250,.3)}@media(max-width:600px){.ztw-skin-2{--ztw-padding:20px 20px 18px;--ztw-qr-size:88px}}.ztw-skin-3{--ztw-radius:18px;--ztw-padding:28px 28px 26px;--ztw-gap:22px;--ztw-qr-size:104px;--ztw-accent:#6366f1;--ztw-accent-hover:#4f46e5;--ztw-accent-muted:rgba(99,102,241,.09);--ztw-surface:hsla(0,0%,100%,.68);--ztw-border:hsla(0,0%,100%,.55);--ztw-text-primary:#1e1b4b;--ztw-text-muted:#4c4a7a;--ztw-badge-bg:rgba(99,102,241,.1);--ztw-badge-color:#4f46e5;--ztw-input-bg:hsla(0,0%,100%,.6);--ztw-input-border:rgba(99,102,241,.18);--ztw-shadow:0 4px 24px rgba(99,102,241,.1),0 1px 4px rgba(0,0,0,.04);--ztw-error-text:#be185d;background:linear-gradient(135deg,#eef2ff,#e0f2fe 50%,#ede9fe);border-radius:var(--ztw-radius);padding:3px}.ztw-skin-3 .ztw-yzm-accent-line{display:none}.ztw-skin-3 .ztw-yzm-inner{backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border:1px solid hsla(0,0%,100%,.6);border-radius:calc(var(--ztw-radius) - 3px)}.ztw-skin-3 .ztw-yzm-qr-wrap{background:hsla(0,0%,100%,.75);border:1px solid hsla(0,0%,100%,.9);border-radius:12px;box-shadow:0 2px 10px rgba(99,102,241,.08)}.ztw-skin-3 .ztw-yzm-badge{border-radius:6px}.ztw-skin-3 .ztw-yzm-input{border-radius:10px}.ztw-skin-3 .ztw-yzm-input:focus{background:hsla(0,0%,100%,.85);border-color:rgba(99,102,241,.45);box-shadow:0 0 0 3px rgba(99,102,241,.08)}.ztw-skin-3 .ztw-yzm-btn{border-radius:10px;box-shadow:0 2px 10px rgba(99,102,241,.22)}.ztw-skin-3 .ztw-yzm-btn:hover{box-shadow:0 4px 16px rgba(99,102,241,.32)}@media(max-width:600px){.ztw-skin-3{--ztw-padding:20px 20px 18px;--ztw-qr-size:88px}.ztw-skin-3 .ztw-yzm-inner{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.ztw-skin-4{--ztw-radius:18px;--ztw-padding:28px 28px 26px;--ztw-gap:22px;--ztw-qr-size:104px;--ztw-accent:#d4a853;--ztw-accent-hover:#e0bc72;--ztw-accent-muted:rgba(212,168,83,.1);--ztw-surface:#121010;--ztw-border:rgba(212,168,83,.14);--ztw-text-primary:#f0ebe2;--ztw-text-muted:#a89880;--ztw-badge-bg:transparent;--ztw-badge-color:#d4a853;--ztw-input-bg:hsla(0,0%,100%,.03);--ztw-input-border:rgba(212,168,83,.18);--ztw-shadow:0 1px 0 rgba(212,168,83,.08),0 12px 36px -8px rgba(0,0,0,.65);--ztw-error-text:#fca5a5}.ztw-skin-4 .ztw-yzm-accent-line{background:linear-gradient(90deg,transparent,rgba(212,168,83,.4) 20%,#d4a853 50%,rgba(212,168,83,.4) 80%,transparent);height:2px}.ztw-skin-4 .ztw-yzm-inner{background:radial-gradient(ellipse at 80% 10%,rgba(212,168,83,.05) 0,transparent 50),var(--ztw-surface);border-color:rgba(212,168,83,.14)}.ztw-skin-4 .ztw-yzm-qr-wrap{background:rgba(212,168,83,.03);border:1px solid rgba(212,168,83,.16);border-radius:14px}.ztw-skin-4 .ztw-yzm-badge{border:1px solid rgba(212,168,83,.35);border-radius:6px;font-weight:600}.ztw-skin-4 .ztw-yzm-input{border-radius:10px;color:#f0ebe2}.ztw-skin-4 .ztw-yzm-input::-moz-placeholder{color:#a89880}.ztw-skin-4 .ztw-yzm-input::placeholder{color:#a89880}.ztw-skin-4 .ztw-yzm-input:focus{background:hsla(0,0%,100%,.04);border-color:rgba(212,168,83,.45);box-shadow:0 0 0 3px rgba(212,168,83,.08)}.ztw-skin-4 .ztw-yzm-btn{border-radius:10px;box-shadow:0 2px 10px rgba(212,168,83,.18);font-weight:500}.ztw-skin-4 .ztw-yzm-btn:hover{box-shadow:0 4px 16px rgba(212,168,83,.28)}@media(max-width:600px){.ztw-skin-4{--ztw-padding:20px 20px 18px;--ztw-qr-size:88px}}.ztw-skin-5{--ztw-radius:16px;--ztw-padding:28px 28px 26px;--ztw-gap:22px;--ztw-qr-size:104px;--ztw-accent:#4f7eff;--ztw-accent-hover:#3b6df5;--ztw-accent-muted:rgba(79,126,255,.08);--ztw-surface:linear-gradient(180deg,#fff,#f9fafb);--ztw-border:#eaeef4;--ztw-text-primary:#2c3444;--ztw-text-muted:#8491a3;--ztw-badge-bg:rgba(79,126,255,.07);--ztw-badge-color:#3b6df5;--ztw-input-bg:#f4f6fa;--ztw-input-border:#dde3ee;--ztw-shadow:0 1px 4px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.07);--ztw-error-text:#e5573a}.ztw-skin-5 .ztw-yzm-accent-line{display:none}.ztw-skin-5 .ztw-yzm-inner{border-top:1px solid var(--ztw-border);border:1px solid var(--ztw-border);border-radius:var(--ztw-radius)}.ztw-skin-5 .ztw-yzm-qr-wrap{background:#fff;border:1px solid #eaeef4;border-radius:12px;box-shadow:0 2px 8px rgba(15,23,42,.06)}.ztw-skin-5 .ztw-yzm-badge{border-radius:6px;letter-spacing:0;padding:4px 10px;text-transform:none}.ztw-skin-5 .ztw-yzm-input{border-color:var(--ztw-input-border);border-radius:10px}.ztw-skin-5 .ztw-yzm-input:focus{border-color:rgba(79,126,255,.5);box-shadow:0 0 0 3px rgba(79,126,255,.08)}.ztw-skin-5 .ztw-yzm-btn{border-radius:10px;box-shadow:0 2px 8px rgba(79,126,255,.2);font-weight:500}.ztw-skin-5 .ztw-yzm-btn:hover{box-shadow:0 4px 14px rgba(79,126,255,.28);transform:translateY(-1px)}body.dark-theme .ztw-skin-5{--ztw-surface:#222736;--ztw-border:hsla(0,0%,100%,.08);--ztw-text-primary:#b0b7c6;--ztw-text-muted:#788195;--ztw-input-bg:#1a1e29;--ztw-input-border:hsla(0,0%,100%,.12);--ztw-accent:#5e8cfb;--ztw-accent-hover:#7ba0fc;--ztw-badge-bg:rgba(94,140,251,.15);--ztw-badge-color:#5e8cfb;--ztw-shadow:0 4px 16px rgba(0,0,0,.3);--ztw-error-text:#fca5a5}body.dark-theme .ztw-skin-5 .ztw-yzm-qr-wrap{background:#fff;border-color:hsla(0,0%,100%,.1);opacity:.92}body.dark-theme .ztw-skin-5 .ztw-yzm-btn{box-shadow:0 2px 10px rgba(94,140,251,.2);color:#fff}@media(max-width:600px){.ztw-skin-5{--ztw-padding:20px 20px 18px;--ztw-gap:16px;--ztw-qr-size:88px}.ztw-yzm-wrapper{margin:16px auto}.ztw-yzm-inner{align-items:center;flex-direction:column;gap:16px;padding:20px 20px 18px;text-align:center}.ztw-yzm-qr-wrap{width:88px}.ztw-yzm-content{width:100%}.ztw-yzm-badge{margin-bottom:10px}.ztw-yzm-desc{font-size:13px;margin-bottom:12px}.ztw-yzm-form{flex-direction:column;gap:8px}.ztw-yzm-btn,.ztw-yzm-input{text-align:center;width:100%}}