:root{font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;color:#0b1b3a;background:#fbfcfe;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #0b1b3a;--muted: #68758d;--line: #d8e0eb;--line-strong: #c5d0de;--blue: #1264ed;--blue-dark: #064fc8;--blue-soft: #edf4ff;--green: #07936f;--green-soft: #eaf8f4;--danger: #c0394a;--danger-soft: #fff0f2;--surface: #ffffff;--page: #fbfcfe}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid rgba(18,100,237,.22);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.topbar{height:106px;padding:0 58px;display:flex;align-items:center;justify-content:space-between;background:#fffffff0;border-bottom:1px solid #dce3ec}.brand{display:flex;align-items:center;gap:28px;letter-spacing:-.02em}.brand strong{font-size:38px;line-height:1;font-weight:800;letter-spacing:.045em}.brand>span{width:1px;height:34px;background:#c7d0dc}.brand b{font-size:25px;font-weight:700}.encryption-state{display:flex;align-items:center;gap:11px;color:var(--green);font-size:18px;font-weight:650}.encryption-state svg{width:26px;height:26px}.workspace{width:min(1010px,calc(100% - 48px));margin:0 auto;padding:66px 0 52px}.mode-switch{width:min(620px,100%);height:74px;margin:0 auto 44px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbd5e2;border-radius:13px;background:#fff;overflow:hidden}.mode-switch button{display:flex;align-items:center;justify-content:center;gap:16px;border:0;background:transparent;color:#465570;font-size:21px;font-weight:650;cursor:pointer}.mode-switch button+button{border-left:1px solid #d4dce7}.mode-switch button.is-active{color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px #a9c8fa}.mode-switch svg{width:29px;height:29px}.intro{text-align:center}.intro h1{margin:0;color:var(--navy);font-size:clamp(48px,5vw,64px);line-height:1.08;letter-spacing:-.055em;font-weight:800}.intro p{margin:23px 0 48px;color:#31415f;font-size:20px;line-height:1.6}.dropzone{min-height:386px;padding:48px 24px 42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #8db9fa;border-radius:16px;background:#ffffffbd;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.dropzone.is-dragging{border-color:var(--blue);background:var(--blue-soft);transform:translateY(-2px)}.dropzone__icon{width:67px;height:67px;color:var(--blue);stroke-width:1.65}.dropzone>strong{margin-top:26px;font-size:24px;font-weight:700}.dropzone>span{margin:11px 0 18px;color:#77839a;font-size:17px}.dropzone>button{width:292px;height:68px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:12px;background:var(--blue);box-shadow:0 10px 24px #1264ed33;color:#fff;font-size:20px;font-weight:700;cursor:pointer}.dropzone>button:hover{background:var(--blue-dark)}.dropzone>button svg{width:27px;height:27px}.dropzone>p{margin:25px 0 0;display:flex;align-items:center;gap:9px;color:#6c7890;font-size:17px}.dropzone>p svg{width:20px;height:20px}.transfer-panel,.receive-panel{border:1px solid var(--line);border-radius:16px;background:#ffffffe6;box-shadow:0 18px 50px #182f530f}.transfer-panel{padding:32px}.file-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}.file-summary>div{display:flex;flex-direction:column;gap:5px}.file-summary span{color:var(--muted);font-size:14px}.file-summary strong{font-size:22px}.text-button{border:0;background:transparent;color:var(--blue);font-weight:700;cursor:pointer}.file-list{max-height:200px;margin:0;padding:8px 0;list-style:none;overflow:auto}.file-list li{min-height:64px;display:grid;grid-template-columns:28px 1fr 36px;align-items:center;gap:14px;border-bottom:1px solid #edf1f6}.file-list>li>svg{width:24px;height:24px;color:var(--blue)}.file-list li div{min-width:0;display:flex;flex-direction:column;gap:3px}.file-list li strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.file-list li span{color:var(--muted);font-size:13px}.file-list li button{width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#748197;cursor:pointer}.file-list li button:hover{background:#f2f5f9;color:var(--danger)}.file-list li button svg{width:22px;height:22px}.fast-mode-note{margin-top:18px;padding:13px 15px;display:flex;align-items:center;gap:12px;border-radius:10px;color:#075f4a;background:var(--green-soft)}.fast-mode-note>svg{flex:0 0 auto;width:23px;height:23px}.fast-mode-note>div{display:flex;flex-direction:column;gap:2px}.fast-mode-note strong{font-size:14px}.fast-mode-note span{font-size:12px;line-height:1.5}.business-reference{margin-top:24px}.business-reference label{display:block;font-size:16px;font-weight:750}.business-reference p{margin:7px 0 12px;color:var(--muted);font-size:13px;line-height:1.55}.business-reference input{width:100%;height:52px;padding:0 16px;border:1px solid var(--line-strong);border-radius:10px;color:var(--navy);background:#fff;font-size:15px}.code-block{margin-top:26px}.code-block label,.receive-panel label{display:block;font-size:16px;font-weight:750}.code-block>p{margin:7px 0 14px;color:var(--muted);font-size:14px}.code-row{display:grid;grid-template-columns:1fr 54px 54px;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.code-row input{min-width:0;height:56px;padding:0 17px;border:0;color:var(--navy);background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:650}.code-row button{display:grid;place-items:center;border:0;border-left:1px solid var(--line-strong);background:#fff;color:#53627b;cursor:pointer}.code-row button:hover{background:var(--blue-soft);color:var(--blue)}.code-row svg{width:22px;height:22px}.progress{margin-top:28px;padding:20px;border-radius:12px;background:#f5f8fc}.progress__headline,.progress__meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.progress__headline{font-size:14px}.progress__headline span{color:var(--blue);font-weight:750}.progress__track{height:8px;margin:14px 0 10px;border-radius:999px;background:#dfe7f2;overflow:hidden}.progress__track span{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .18s linear}.progress__meta{color:var(--muted);font-size:12px}.status{margin-top:22px;padding:14px 16px;display:flex;align-items:center;gap:10px;border-radius:10px;font-size:14px}.status svg{flex:0 0 auto;width:21px;height:21px}.status--done{color:#08785c;background:var(--green-soft)}.status--error{color:var(--danger);background:var(--danger-soft)}.receipt-card{margin-top:22px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px 18px;border:1px solid #b8d5ca;border-radius:12px;background:#f4fbf8;text-align:left}.receipt-card>div{min-width:0}.receipt-card>div>span{display:block;color:#467062;font-size:12px;font-weight:750}.receipt-card>div>strong{display:block;margin-top:5px;overflow-wrap:anywhere;color:#075f4a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px}.receipt-card p{margin:7px 0 0;color:#5d706a;font-size:12px;line-height:1.55}.receipt-card>button{min-height:42px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #a8cabe;border-radius:9px;color:#08785c;background:#fff;font-size:12px;font-weight:750;cursor:pointer}.receipt-card>button svg{width:19px;height:19px}.receipt-card>small{grid-column:1 / -1;color:#7c8c87;font-size:11px;line-height:1.5}.panel-actions{margin-top:26px;display:flex;justify-content:flex-end;gap:12px}.button{min-width:150px;min-height:50px;padding:0 22px;border-radius:10px;font-weight:700;cursor:pointer}.button--primary{border:1px solid var(--blue);background:var(--blue);color:#fff}.button--primary:hover:not(:disabled){border-color:var(--blue-dark);background:var(--blue-dark)}.button--secondary{border:1px solid var(--line-strong);background:#fff;color:#394862}.button--secondary:hover:not(:disabled){background:#f3f6fa}.receive-panel{width:min(720px,100%);margin:0 auto;padding:46px 54px 36px;text-align:center}.receive-panel__icon{width:62px;height:62px;margin-bottom:24px;color:var(--blue);stroke-width:1.6}.receive-panel label{margin-bottom:14px;font-size:21px}.receive-panel>input{width:100%;height:60px;padding:0 18px;border:1px solid var(--line-strong);border-radius:10px;color:var(--navy);background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:17px;text-align:center}.receive-panel .panel-actions{justify-content:center}.privacy-note{margin:28px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px}.privacy-note svg{width:19px;height:19px;color:var(--green)}.trust-note{margin:54px auto 0;display:flex;align-items:center;justify-content:center;gap:11px;color:#69758b;font-size:16px}.trust-note svg{width:23px;height:23px;color:var(--green)}.trust-note i{font-style:normal;color:#9aa5b6}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#07142b80}.offer-dialog{width:min(480px,100%);padding:38px;border-radius:16px;background:#fff;box-shadow:0 28px 80px #05132b3d;text-align:center}.offer-dialog__icon{width:52px;height:52px;color:var(--green)}.offer-dialog h2{margin:18px 0 10px;font-size:25px}.offer-dialog p{margin:0;color:var(--muted);line-height:1.7}.offer-dialog .offer-dialog__reference{margin-top:10px;color:#32435f;font-weight:700}.offer-dialog .offer-dialog__save-note{margin-top:15px;padding:12px 14px;border-radius:9px;color:#506079;background:#f4f7fb;font-size:13px}.offer-dialog__error{margin-top:14px;padding:11px 13px;display:flex;align-items:flex-start;gap:9px;border-radius:9px;color:var(--danger);background:var(--danger-soft);font-size:13px;line-height:1.5;text-align:left}.offer-dialog__error svg{flex:0 0 auto;width:19px;height:19px}.offer-dialog__actions{margin-top:28px;display:flex;justify-content:center;gap:12px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:760px){.topbar{height:78px;padding:0 20px}.brand{gap:14px}.brand strong{font-size:25px}.brand>span{height:24px}.brand b{font-size:17px}.encryption-state span{display:none}.workspace{width:min(100% - 28px,680px);padding:30px 0 36px}.mode-switch{height:58px;margin-bottom:30px}.mode-switch button{gap:9px;font-size:16px}.mode-switch svg{width:23px;height:23px}.intro h1{font-size:42px}.intro p{margin:15px auto 28px;font-size:15px}.dropzone{min-height:330px;padding:38px 20px 32px}.dropzone>button{width:min(260px,100%)}.transfer-panel{padding:22px 18px}.receipt-card{grid-template-columns:1fr}.receipt-card>button{width:100%}.code-row{grid-template-columns:minmax(0,1fr) 48px 48px}.receive-panel{padding:36px 22px 28px}.panel-actions{justify-content:stretch;flex-direction:column}.button{width:100%}.trust-note{margin-top:34px;flex-wrap:wrap;gap:7px;font-size:13px;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}