.docwf-demo{width:100%;height:100%;position:relative;overflow:hidden}.docwf-phase{opacity:0;position:absolute;inset:0}.docwf-phase-extract{animation:12s ease-in-out infinite docwf-cycle-extract}.docwf-phase-crosscheck{animation:12s ease-in-out infinite docwf-cycle-crosscheck}.docwf-phase-fill{animation:12s ease-in-out infinite docwf-cycle-fill}@keyframes docwf-cycle-extract{0%{opacity:0}3%{opacity:1}28%{opacity:1}33%{opacity:0}to{opacity:0}}@keyframes docwf-cycle-crosscheck{0%,33%{opacity:0}36%{opacity:1}61%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes docwf-cycle-fill{0%,66%{opacity:0}69%{opacity:1}94%{opacity:1}to{opacity:0}}.docwf-split{height:100%;position:relative;overflow:hidden}.docwf-split-doc{aspect-ratio:400/550;justify-content:center;align-items:center;height:88%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-70%,-50%)}.docwf-info-card{z-index:4;background:var(--color-white);border:1px solid var(--color-gray-150);border-radius:10px;width:220px;height:130px;padding:14px 12px;position:absolute;top:50%;right:16px;overflow:hidden;transform:translateY(-25%);box-shadow:0 2px 8px #00000014,0 8px 24px #0000000f}.docwf-doc-img-wrap{border:1px solid var(--color-gray-200);background:#fff;border-radius:6px;height:100%;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 4px 12px #0000000f}.docwf-doc-img{object-fit:contain;object-position:top center;width:100%;height:100%;display:block}.docwf-scan-line{background:linear-gradient(90deg, transparent 0%, var(--color-indigo-400) 20%, var(--color-indigo-500) 50%, var(--color-indigo-400) 80%, transparent 100%);height:2px;box-shadow:0 0 8px var(--color-indigo-400), 0 0 20px var(--color-indigo-300);opacity:0;z-index:2;animation:12s ease-in-out infinite docwf-scan;position:absolute;left:0;right:0}@keyframes docwf-scan{0%,2%{opacity:0;top:8%}4%{opacity:1;top:8%}22%{opacity:1;top:85%}24%,to{opacity:0;top:85%}}.docwf-doc-pile{aspect-ratio:400/550;max-width:100%;height:88%;position:relative}.docwf-pile-doc{border:1px solid var(--color-gray-200);background:#fff;border-radius:6px;position:absolute;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 4px 12px #0000000f}.docwf-pile-doc img{object-fit:contain;object-position:top center;width:100%;height:100%;display:block}.docwf-pile-doc-1{z-index:1;animation:12s ease-in-out infinite docwf-fan-1;inset:6px 32px 32px 0}.docwf-pile-doc-2{z-index:2;animation:12s ease-in-out infinite docwf-fan-2;inset:20px 0 0 24px}@keyframes docwf-fan-1{0%,36%{transform:rotate(-4deg)}45%{transform:rotate(-8deg)}55%{transform:rotate(-2deg)}61%,to{transform:rotate(-4deg)}}@keyframes docwf-fan-2{0%,36%{transform:rotate(2deg)}45%{transform:rotate(6deg)}55%{transform:rotate(0)}61%,to{transform:rotate(2deg)}}.docwf-fill-wrap{height:100%;position:relative;overflow:hidden}.docwf-fill-doc{aspect-ratio:400/550;border:1px solid var(--color-gray-200);background:#fff;border-radius:6px;height:88%;position:absolute;top:50%;left:50%;transform:translate(-70%,-50%);box-shadow:0 1px 3px #0000001a,0 4px 12px #0000000f}.docwf-fill-doc>img{object-fit:contain;object-position:top center;width:100%;height:100%;display:block}.docwf-fill-field{z-index:2;opacity:0;position:absolute}.docwf-fill-field-value{font-family:var(--font-family);color:var(--color-indigo-700);white-space:nowrap;font-size:11px;font-weight:600}.docwf-fill-field{animation:12s ease-out infinite docwf-fill-appear}@keyframes docwf-fill-appear{0%,70%{opacity:0}73%{opacity:1}94%{opacity:1}to{opacity:1}}.docwf-msg{flex-direction:row;align-items:flex-start;gap:8px;height:100%;display:flex}.docwf-msg-content{flex-direction:column;gap:4px;min-width:0;display:flex}.docwf-msg-label{font-family:var(--font-family);color:var(--color-gray-900);font-size:13px;font-weight:500}.docwf-msg-body{flex-direction:column;display:flex}.docwf-msg-line{font-family:var(--font-family);color:var(--color-gray-700);font-size:13px;font-weight:400;line-height:20px}@media (width<=768px){.docwf-split-doc,.docwf-fill-doc{height:90%;left:50%;transform:translate(-50%,-50%)}.docwf-info-card{width:58%;top:auto;bottom:4%;right:4%;transform:none}}