:root{--scan-bg: #edf3f8;--scan-panel: #ffffff;--scan-line: #dce5ef;--scan-text: #0f172a;--scan-muted: #64748b;--scan-blue: #2387f5;--scan-blue-dark: #225378;--scan-blue-hover: #1d4969;--scan-green: #22a06b;--scan-red: #ef4444;--scan-shadow: 0 18px 46px rgba(15, 23, 42, .12);--scan-form-border: rgba(255, 255, 255, .58)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{overflow:hidden;background:linear-gradient(135deg,#94a3b82e,#e2e8f04d),#f8fafc;color:var(--scan-text);font-family:var(--i18n-font-body)}.scan-demo{width:100%;height:100%;min-height:34rem;padding:clamp(.8rem,2vw,1.2rem)}.scan-stage{position:relative;width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:clamp(.35rem,.9vh,.65rem)}.scan-bot{grid-row:1;grid-column:1;will-change:opacity,transform}.scan-submit-message{position:relative;grid-row:1;grid-column:1;width:min(74vw,40rem,calc((100vh - 7rem)*.65));max-width:calc(100% - 1.25rem);min-height:3.35rem;display:flex;align-items:center;gap:.75rem;border:1px solid rgba(148,163,184,.24);border-radius:var(--hr-radius, 6px);background:linear-gradient(135deg,#fffffff5,#f0f7ffeb);padding:.55rem .68rem;box-shadow:0 14px 34px #0f172a1a,inset 0 1px #ffffffb8}.scan-submit-message{z-index:5;pointer-events:none}.scan-submit-message strong{display:block;color:var(--scan-text);font-size:.95rem;line-height:1.25}.scan-submit-message span:not(.ai-scan-check){display:block;margin-top:.18rem;color:var(--scan-muted);font-size:.66rem;line-height:1.35}.scan-upload-panel{position:relative;grid-row:2;grid-column:1;width:min(90vw,46rem,calc((100vh - 8rem)*1.098));aspect-ratio:1443 / 1313;max-width:calc(100% - .5rem);min-width:min(100%,22rem);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:var(--hr-radius, 6px);background:linear-gradient(135deg,#ffffffeb,#f8fafcdb),radial-gradient(circle at 18% 18%,rgba(148,163,184,.1),transparent 36%),#f8fafc;box-shadow:var(--scan-shadow)}.scan-demo.is-upload-waiting .scan-bot,.scan-demo.is-upload-waiting .scan-submit-message,.scan-demo.is-uploading .scan-submit-message,.scan-demo.is-upload-complete .scan-submit-message{display:none;pointer-events:none}.scan-demo.is-uploading .scan-bot,.scan-demo.is-upload-complete .scan-bot{display:none}.scan-demo.is-upload-waiting .scan-stage,.scan-demo.is-uploading .scan-stage,.scan-demo.is-upload-complete .scan-stage{display:flex;align-items:center;justify-content:center}.scan-demo.is-upload-waiting .scan-upload-panel,.scan-demo.is-uploading .scan-upload-panel,.scan-demo.is-upload-complete .scan-upload-panel{flex:0 0 auto}.scan-demo.is-upload-waiting .scan-workspace,.scan-demo.is-uploading .scan-workspace,.scan-demo.is-upload-complete .scan-workspace,.scan-demo.is-chatting .scan-bot,.scan-demo.is-chatting .scan-submit-message,.scan-demo.is-chatting .scan-upload-panel,.scan-demo.is-chatting .scan-workspace{display:none}.scan-upload-panel:before{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border-radius:calc(var(--hr-radius, 6px) + 2px);background-image:linear-gradient(rgba(34,83,120,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(34,83,120,.055) 1px,transparent 1px);background-size:2.4rem 2.4rem;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%);pointer-events:none}.scan-upload-drop{position:relative;z-index:1;width:min(76%,30rem);min-height:min(55%,18rem);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed rgba(34,83,120,.26);border-radius:10px;background:#ffffffad;padding:clamp(1.2rem,4vw,2.25rem);text-align:center;box-shadow:0 16px 36px #0f172a0f,inset 0 1px #fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .28s ease,background-color .28s ease,box-shadow .28s ease,transform .28s ease}.scan-upload-drop:before{content:"";position:absolute;top:-.45rem;right:-.45rem;bottom:-.45rem;left:-.45rem;z-index:-1;border-radius:14px;background:linear-gradient(135deg,#2387f529,#22a06b1a);opacity:0;transform:scale(.96);transition:opacity .28s ease,transform .28s ease}.scan-upload-drop.is-active{border-color:#2387f5bd;background:#f0f7ffe0;transform:translateY(-.12rem) scale(1.012);box-shadow:0 24px 54px #2387f529,inset 0 1px #ffffffe6;animation:scan-upload-pulse .9s ease-in-out infinite alternate}.scan-upload-drop.is-active:before{opacity:1;transform:scale(1)}.scan-upload-drop.is-uploading{border-style:solid;border-color:#2387f594;animation:none}.scan-upload-drop.is-complete{border-color:#22a06b85;animation:none}@keyframes scan-upload-pulse{0%{box-shadow:0 0 0 .24rem #2387f512}to{box-shadow:0 0 0 .58rem #2387f521}}.scan-upload-icon{display:grid;place-items:center;width:clamp(3rem,8vw,4.5rem);height:clamp(3rem,8vw,4.5rem);border-radius:50%;background:linear-gradient(180deg,#ffffffeb,#edf3f8e6),#fff;box-shadow:0 16px 32px #0f172a1a,inset 0 1px #ffffffe6}.scan-upload-icon img{width:52%;height:52%;object-fit:contain}.scan-upload-drop strong{display:block;margin-top:1rem;color:#0f172a;font-size:clamp(1rem,2.8vw,1.35rem);line-height:1.16}.scan-upload-drop>span:not(.scan-upload-icon){display:block;margin-top:.42rem;color:var(--scan-muted);font-size:clamp(.72rem,1.7vw,.86rem);line-height:1.45}.scan-upload-progress{width:min(15rem,80%);height:.42rem;max-height:0;overflow:hidden;border-radius:999px;background:#94a3b829;margin-top:0;box-shadow:inset 0 1px 2px #0f172a14;opacity:0;transform:translateY(.28rem);transition:max-height .24s ease,margin-top .24s ease,opacity .24s ease,transform .24s ease}.scan-upload-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2253787a,#225378ad 52%,#2253786b);box-shadow:inset 0 1px #ffffff6b;transform:scaleX(0);transform-origin:left center}.scan-upload-drop em{display:block;max-height:0;min-height:0;overflow:hidden;margin-top:0;color:#225378;font-style:normal;font-size:.68rem;font-weight:800;opacity:0;transform:translateY(.22rem);transition:max-height .24s ease,margin-top .24s ease,opacity .24s ease,transform .24s ease}.scan-upload-drop.is-active em,.scan-upload-drop.is-uploading em,.scan-upload-drop.is-complete em,.scan-upload-drop.is-uploading .scan-upload-progress,.scan-upload-drop.is-complete .scan-upload-progress{opacity:1;transform:translateY(0)}.scan-upload-drop.is-active em,.scan-upload-drop.is-uploading em,.scan-upload-drop.is-complete em{max-height:1rem;margin-top:.48rem}.scan-upload-drop.is-uploading .scan-upload-progress,.scan-upload-drop.is-complete .scan-upload-progress{max-height:.42rem;margin-top:1.05rem}.scan-upload-file{position:absolute;z-index:2;left:50%;top:50%;display:flex;align-items:center;gap:.62rem;width:min(18rem,48%);border:1px solid rgba(35,135,245,.18);border-radius:var(--hr-radius, 6px);background:#fffffff2;padding:.68rem .76rem;box-shadow:0 18px 38px #0f172a21;will-change:opacity,transform}.scan-upload-file img{width:2.15rem;height:2.15rem;object-fit:contain}.scan-upload-file strong{display:block;min-width:0;overflow:hidden;color:#0f172a;font-size:.78rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.scan-upload-file span{display:block;margin-top:.16rem;color:var(--scan-muted);font-size:.66rem}.scan-workspace{position:relative;grid-row:2;grid-column:1;width:min(90vw,46rem,calc((100vh - 8rem)*1.098));aspect-ratio:1443 / 1313;max-width:calc(100% - .5rem);min-width:min(100%,22rem);min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto;overflow:visible;filter:drop-shadow(0 18px 38px rgba(15,23,42,.12))}.scan-pdf-panel,.scan-form-panel{grid-area:1 / 1;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.scan-pdf-panel{display:flex;align-items:center;justify-content:center;border:0;background:transparent;box-shadow:none}.scan-pdf-panel .scan-panel-head{display:none}.scan-form-panel{position:relative;display:grid;grid-template-rows:auto 1fr auto;align-self:stretch;overflow:hidden;border:3px solid var(--scan-form-border);border-radius:var(--hr-radius, 6px);background:linear-gradient(180deg,#fffffffa,#f6fafdfa);box-shadow:0 16px 36px #0f172a1a,inset 0 1px #ffffffb8}.scan-demo.is-pdf-loading .scan-form-panel,.scan-demo.is-pdf-done .scan-form-panel,.scan-demo.is-validating .scan-pdf-panel,.scan-demo.is-submitted .scan-pdf-panel{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scan-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;border-bottom:1px solid rgba(148,163,184,.18);background:#f8fafceb;padding:.62rem .78rem;font-size:.9rem;font-weight:600;line-height:1.2}.scan-panel-head strong{min-width:0;overflow:hidden;color:#334155;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.scan-pdf-document{position:relative;width:100%;max-width:100%;height:100%;max-height:none;aspect-ratio:auto;overflow:hidden;background:#fff;box-shadow:0 16px 36px #0f172a1f}.scan-pdf-document img{display:block;width:100%;height:100%;object-fit:cover}.scan-beam{position:absolute;left:0;top:0;width:100%;height:0;border:0;border-bottom:2px solid rgba(239,68,68,.98);border-radius:0;background:linear-gradient(180deg,#ef444405,#ef444414 46%,#ef444442);filter:drop-shadow(0 0 12px rgba(239,68,68,.42));opacity:0;pointer-events:none}.scan-beam:after{display:none}.scan-field{position:absolute;display:block;border:1px solid rgba(35,135,245,.96);border-radius:2px;background:#2387f51f;opacity:0}.scan-field:before{display:none;content:none}.scan-field--entry{left:.2%;top:9.82%;width:27.35%;height:3.5%}.scan-field--filing{left:.2%;top:13.32%;width:27.35%;height:3.5%}.scan-field--notification{left:.2%;top:16.83%;width:27.35%;height:3.5%}.scan-field--hbl{left:25.64%;top:25.59%;width:24.78%;height:3.43%}.scan-field--vessel{left:.2%;top:39.6%;width:24.78%;height:3.43%}.scan-field--loading{left:25.64%;top:46.6%;width:24.78%;height:3.43%}.scan-field--discharge{left:51.07%;top:46.6%;width:24.78%;height:3.43%}.scan-field--consignee{left:51.07%;top:55.3%;width:48.05%;height:3.43%}.scan-field--container{left:.2%;top:80.73%;width:24.78%;height:3.43%}.scan-field--goods{left:.2%;top:92.23%;width:19.82%;height:3.5%}.scan-field--hs{left:20.58%;top:92.23%;width:19.82%;height:3.5%}.scan-form-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:clamp(.65rem,1.8vh,1rem) clamp(.9rem,2.4vw,1.35rem);overflow:visible;padding:clamp(.75rem,2.8vw,1.35rem);padding-bottom:clamp(3.25rem,7vh,4rem)}.scan-form-row{display:block;min-height:0;border:0;border-radius:0;background:transparent;padding:0}.scan-form-row.is-complete{background:transparent;box-shadow:none}.scan-form-label{display:block;margin-bottom:.32rem;color:var(--scan-muted);font-size:clamp(.66rem,1.3vw,.82rem);line-height:1.2}.scan-form-value{--scan-caret-x: 0px;position:relative;display:block;width:100%;min-width:0;min-height:clamp(2.1rem,5vh,2.75rem);overflow:hidden;border:1px solid rgba(203,213,225,.95);border-radius:var(--hr-radius, 6px);background:#ffffffb8;color:var(--scan-text);padding:.65rem .75rem;font-family:GeistMono,Geist Mono,Consolas,monospace;font-size:.68rem;line-height:1.35;white-space:nowrap;clip-path:none;box-shadow:inset 0 1px #ffffffb8}.scan-form-value:after{content:"";position:absolute;top:50%;left:calc(.75rem + var(--scan-caret-x));width:1.5px;height:1.05rem;background:var(--scan-blue);opacity:0;transform:translateY(-50%)}.scan-form-row.is-typing .scan-form-value:after{opacity:1}.scan-form-row.is-complete .scan-form-value{border-color:#cbd5e1f2}.scan-form-value-text{display:inline-block;max-width:calc(100% - .2rem);overflow:hidden;vertical-align:top;white-space:nowrap;clip-path:inset(0 100% 0 0)}.scan-form-actions{position:absolute;right:clamp(.75rem,2.8vw,1.35rem);bottom:clamp(.75rem,2.8vw,1.35rem);z-index:2;display:flex;justify-content:flex-end;padding:0}.scan-form-submit{min-width:clamp(5.6rem,14vw,7rem);min-height:clamp(1.95rem,4.2vh,2.25rem);display:inline-flex;align-items:center;justify-content:center;margin:0;border:0;border-radius:var(--hr-radius, 6px);background:var(--scan-blue-dark);color:#fff;padding:.48rem .82rem;cursor:pointer;font:inherit;font-size:.8rem;font-weight:800;transform:translateY(.45rem);box-shadow:0 10px 22px #22537838}.scan-form-submit:hover{background:var(--scan-blue-hover)}.scan-form-submit:focus-visible{outline:2px solid rgba(34,83,120,.32);outline-offset:3px}.scan-form-submit:disabled{cursor:default;opacity:.48}@media (max-width: 760px){.scan-demo{min-height:0;height:100%;padding:.65rem}.scan-stage{gap:.65rem}.scan-submit-message{width:min(82vw,36rem,calc((100vh - 6.5rem)*.65))}.scan-workspace,.scan-upload-panel{width:min(96vw,42rem,calc((100vh - 7.5rem)*1.098))}.scan-upload-drop{width:min(82%,28rem)}.scan-upload-file{left:50%;top:50%;width:min(17rem,58%)}.scan-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem .65rem;padding:.75rem .75rem 3.35rem}.scan-form-label{margin-bottom:.22rem;font-size:clamp(.56rem,1.65vw,.66rem)}.scan-form-value{min-height:2rem;padding:.48rem .55rem;font-size:.58rem}.scan-form-value:after{left:calc(.55rem + var(--scan-caret-x))}.scan-form-actions{right:.75rem;bottom:.75rem}.scan-form-submit{min-width:5.4rem;min-height:1.9rem;font-size:.68rem}}@media (min-width: 761px) and (max-height: 620px){.scan-demo{min-height:0;padding:.75rem}.scan-stage{gap:.65rem}.scan-workspace,.scan-upload-panel{width:min(42rem,calc(100% - 2rem),calc((100vh - 6.5rem)*1.098))}.scan-form-grid{gap:.52rem .65rem;padding:.75rem .75rem 3.35rem}.scan-form-label{margin-bottom:.22rem;font-size:.66rem}.scan-form-value{min-height:2rem;padding:.48rem .55rem;font-size:.58rem}.scan-form-value:after{left:calc(.55rem + var(--scan-caret-x))}.scan-form-actions{right:.75rem;bottom:.75rem}.scan-form-submit{min-height:1.9rem;font-size:.68rem}}@media (max-width: 480px){.scan-submit-message{width:min(88vw,34rem,calc((100vh - 6rem)*.65))}.scan-workspace,.scan-upload-panel{width:min(97vw,38rem,calc((100vh - 7rem)*1.098))}.scan-upload-drop{width:88%;min-height:54%;padding:1rem}.scan-upload-file{width:min(16rem,72%);padding:.52rem .58rem}.scan-upload-file strong{font-size:.68rem}.scan-form-grid{gap:.42rem .5rem;padding:.58rem .58rem 3rem}.scan-form-label{font-size:.52rem}.scan-form-value{min-height:1.75rem;padding:.38rem .42rem;font-size:.48rem}.scan-form-value:after{left:calc(.42rem + var(--scan-caret-x));height:.86rem}.scan-form-submit{min-width:5.25rem;min-height:1.78rem;padding:.38rem .58rem}}.scan-chat{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;overflow:hidden;padding:clamp(.1rem,1vw,.55rem)}.scan-chat-window{width:min(94%,42rem,calc((100vh - 2.5rem)*1.08));height:min(100%,38rem);overflow:hidden;border:1px solid rgba(148,163,184,.25);border-radius:10px;background:#f8fafcf5;box-shadow:var(--scan-shadow)}.scan-chat-head{display:flex;align-items:center;gap:.42rem;min-height:2.8rem;border-bottom:1px solid rgba(148,163,184,.2);background:#ffffffe6;padding:.55rem .72rem;color:#17374d;font-size:.75rem}.scan-chat-head-dot{width:.52rem;height:.52rem;border-radius:50%;background:var(--scan-green);box-shadow:0 0 0 .22rem #22a06b1f}.scan-chat-head span:last-child{margin-left:auto;color:var(--scan-muted);font-size:.62rem}.scan-chat-stream{height:calc(100% - 2.8rem);display:flex;flex-direction:column;gap:.62rem;overflow-y:auto;overscroll-behavior:contain;padding:.72rem;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent}.scan-chat-message{display:flex;align-items:flex-start;gap:.42rem;min-width:0}.scan-chat-message.is-user{justify-content:flex-end}.scan-chat-avatar{width:1.72rem;height:1.72rem;flex:0 0 auto;border-radius:50%;object-fit:cover;box-shadow:0 5px 12px #0f172a1f}.scan-chat-bubble{max-width:min(86%,31rem);border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#fffffff5;padding:.5rem .58rem;color:#30435a;font-size:.66rem;line-height:1.55;box-shadow:0 7px 16px #0f172a0f}.scan-chat-message.is-user .scan-chat-bubble{border-color:#2387f51f;background:#eaf4ff;color:#245078}.scan-chat-name{display:block;margin-bottom:.18rem;color:#617083;font-size:.58rem}.scan-chat-card{margin-top:.42rem;border:1px solid rgba(34,83,120,.12);border-radius:6px;background:#f8fbfd;padding:.42rem .48rem;color:#31516b}.scan-chat-card strong,.scan-chat-card span{display:block}.scan-chat-card strong{font-size:.62rem;line-height:1.35}.scan-chat-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.16rem .42rem;margin-top:.28rem;color:#607487;font-size:.56rem}.scan-chat-alert-card{border-color:#ef444433;background:#fef2f2b3}.scan-chat-alert-card span,.scan-chat-status-card span{margin-top:.16rem;color:#64748b;font-size:.57rem}.scan-chat-status-card{border-color:#22a06b33;background:#f0fdf4bd}.scan-chat-dots{display:inline-flex;align-items:center;gap:.22rem;min-height:1rem}.scan-chat-dots i{width:.28rem;height:.28rem;border-radius:50%;background:#6c8291}.scan-demo.is-chatting,.scan-chat{padding:0}.scan-chat-window{width:100%;height:100%;border:0;border-radius:0;background:radial-gradient(circle at 14% 10%,rgba(35,135,245,.1),transparent 28%),linear-gradient(135deg,#fffffff2,#f8fafcf0),#edf3f8;box-shadow:inset 0 1px #fffc}.scan-chat-head{min-height:3.25rem;height:3.25rem;gap:.45rem;border-bottom-color:#dce5ef;background:linear-gradient(90deg,#fffffffa,#f8fafcf5);padding:0 1.05rem;font-size:1rem;font-weight:700;line-height:1.2}.scan-chat-head-dot{width:.52rem;height:.52rem;box-shadow:0 0 0 .22rem #22a06b1f}.scan-chat-head span:last-child{font-size:.72rem;font-weight:400}.scan-chat-stream{height:calc(100% - 3.25rem);gap:.9rem;overflow-y:auto;padding:1.05rem 1.2rem 1.2rem;scrollbar-width:none;-ms-overflow-style:none}.scan-chat-stream::-webkit-scrollbar{width:0;height:0;display:none}.scan-chat-message{gap:.6rem;max-width:min(84%,40rem)}.scan-chat-message.is-user{align-self:flex-end;max-width:min(82%,38rem)}.scan-chat-avatar{width:2rem;height:2rem;box-shadow:0 2px 8px #0f172a1f}.scan-chat-user-avatar{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 auto;border-radius:50%;background:#dbeafe;color:#225378;font-size:.8rem;font-weight:700}.scan-chat-bubble{border:1px solid rgba(148,163,184,.16);border-radius:var(--hr-radius, 6px);padding:.7rem .85rem;background:#ffffffeb;color:#0f172a;font-size:.88rem;line-height:1.55;box-shadow:0 8px 22px #0f172a14,inset 0 1px #ffffffad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scan-chat-message.is-user .scan-chat-bubble{background:#c9e7ff;color:#0f172a;box-shadow:0 10px 26px #6495ba2e}.scan-chat-name{margin-bottom:.2rem;color:#64748b;font-size:.72rem;line-height:1}.scan-chat-card{margin-top:.5rem;border-color:#2387f538;border-radius:var(--hr-radius, 6px);background:#ffffffe0;padding:.65rem .72rem;box-shadow:inset 0 1px #ffffffad}.scan-chat-card strong{color:#225378;font-size:.74rem;font-weight:700}.scan-chat-field-grid,.scan-chat-alert-card span,.scan-chat-status-card span{color:#64748b;font-size:.7rem}