@import url('/static/keyport-fonts.css');
:root{--bg:#f7f6f0;--paper:#fff;--ink:#29312d;--muted:#878d7c;--line:#e7e9de;--orange:#d1502b;--olive:#a9b897;--soft:#f8f9f4;--mono:'Cascadia Code','Consolas',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d1502b66;outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}.site-wrap{max-width:1160px;margin:auto;padding:0 0 28px}.site-header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:23px;letter-spacing:-.8px}.brand-icon{width:38px;height:38px;border-radius:11px;background:var(--orange);color:white;display:grid;place-items:center;transform:rotate(-9deg)}.brand-icon svg{width:25px;height:25px;transform:rotate(9deg)}.brand-divider{height:16px;width:1px;background:#dcded2}.header-caption{color:var(--muted);font-size:12px}.guide-link{display:flex;gap:14px;margin-left:auto;font-size:12px;color:#7c8372}.hero{display:flex;justify-content:space-between;align-items:center;padding:29px 5px 31px;min-height:252px}.eyebrow{font:9px var(--mono);letter-spacing:2px;color:var(--muted);margin-bottom:24px}.eyebrow span{color:var(--orange);font-size:11px;margin-right:5px}h1{font-size:44px;font-weight:850;letter-spacing:-2px;line-height:1.38}h1 span{color:var(--orange)}.hero-note{color:var(--muted);margin-top:17px;font-size:13px}.ticket-scene{position:relative;width:378px;height:195px;margin-right:42px}.ticket-back{position:absolute;background:#d7ddc5;border-radius:15px;width:280px;height:145px;left:63px;top:25px;transform:rotate(10deg)}.access-ticket{position:absolute;top:38px;left:37px;width:282px;height:150px;border:1px solid #e9e7dc;border-radius:11px;transform:rotate(-7deg);background:#fffef9;box-shadow:0 14px 25px #34362412}.ticket-top{display:flex;align-items:center;gap:7px;margin:14px 16px 0;font:6px var(--mono);letter-spacing:1px;color:#919783}.ticket-top svg{width:13px;height:13px;color:var(--orange)}.ticket-main{display:flex;justify-content:space-between;align-items:center;padding:14px 18px}.ticket-main small{display:block;font:6px var(--mono);color:#a0a48f;letter-spacing:1px;margin-bottom:3px}.ticket-main strong{font:29px Georgia,serif;letter-spacing:-1px;color:#535a4b}.ticket-main>span{border:1px solid var(--line);border-radius:50%;height:33px;width:33px;display:grid;place-items:center;font-size:20px;color:#dc835e}.ticket-bottom{border-top:1px dashed #dadcce;display:flex;align-items:center;justify-content:space-between;padding:13px 15px}.ticket-bottom>span{font:5px var(--mono);letter-spacing:.8px;color:#8b9478}.barcode{width:71px;height:16px;background:repeating-linear-gradient(90deg,#68705d 0,#68705d 1px,transparent 1px,transparent 3px,#68705d 3px,#68705d 5px,transparent 5px,transparent 6px)}.spark{position:absolute;color:#bac1a9;font-size:21px}.s1{top:21px;left:20px}.s2{bottom:13px;right:0}.workspace{border:1px solid #e0e3d7;border-radius:21px;background:white;overflow:hidden;box-shadow:0 12px 35px #363a2610,0 1px 3px #363a2605}.workspace-toolbar{height:91px;display:flex;align-items:center;justify-content:space-between;padding:15px 27px;border-bottom:1px solid var(--line)}.tabs{display:flex;padding:6px;background:#f1f2eb;border:1px solid #edefe6;border-radius:14px;gap:5px}.tab{display:flex;align-items:center;gap:11px;border:0;background:transparent;border-radius:10px;padding:14px 18px;font-size:13px;color:#8b927d;min-width:148px;transition:background .15s,box-shadow .15s}.tab small{font:8px var(--mono);color:#9fa78e;margin-left:12px}.tab.active{background:white;color:#3e493f;font-weight:600;box-shadow:0 3px 6px #373f2510}.tab.active svg{color:var(--orange)}.batch-hint{font-size:11px;color:#919a83}.workspace-grid{display:grid;grid-template-columns:46% 54%;min-height:548px}.input-panel{padding:33px 30px 25px}.section-heading{display:flex;gap:12px;align-items:flex-start}.step{display:grid;place-items:center;width:26px;height:26px;background:var(--soft);border:1px solid #e6e9dc;border-radius:7px;font:9px var(--mono);color:#9daa8b;margin-top:1px;flex:none}h2{font-size:18px;font-weight:650;line-height:1.5}.section-heading p{font-size:12px;color:var(--muted);margin-top:5px}.field-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 11px;font-size:12px;color:#747d6a}.quiet-button{display:inline-flex;gap:6px;align-items:center;border:0;background:none;padding:0;font-size:11px;color:#8e967f}.quiet-button:hover{color:var(--orange)}.quiet-button svg{width:13px;height:13px}.editor{display:flex;border:1px solid #e0e5d5;background:#fafbf6;border-radius:12px;height:195px;padding:16px 12px;transition:border-color .2s}.editor:focus-within{border-color:#c4aa8d;box-shadow:0 0 0 3px #d1502b09}.line-numbers{font:9px/29px var(--mono);color:#b9c1aa;padding-right:16px;user-select:none}textarea{border:0;background:transparent;resize:vertical;min-height:145px;width:100%;font:10px/29px var(--mono);color:#69755c;outline:none;max-height:360px}textarea::placeholder{color:#a0aa91;opacity:1}.field-footer{display:flex;justify-content:space-between;font-size:10px;color:#939f82;margin:9px 0}.primary-button{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #ce4e28;border-radius:10px;padding:12px 16px;background:var(--orange);color:white;font-size:13px;box-shadow:0 5px 10px #cf4f2b12;min-height:48px;transition:background .15s}.primary-button:hover{background:#bb4522}.primary-button svg{width:17px;height:17px}.button-arrow{margin-left:auto}.action-note{text-align:center;font-size:10px;color:#7e8b6e;margin:12px 0 24px}.privacy-note{border-top:1px dashed #e1e5d6;padding-top:20px;display:flex;gap:12px;color:#90997f;font-size:10px}.privacy-note strong{font-weight:400}.privacy-note p{margin-top:2px;font-size:10px}.note-icon{width:30px;height:35px;display:grid;place-items:center;border:1px solid #e7e9dd;border-radius:7px;background:#f6f7ef}.note-icon svg{width:17px;height:17px}.result-panel{background:#fafbf7;border-left:1px solid var(--line);padding:33px 28px 26px;display:flex;flex-direction:column}.result-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.result-header .section-heading{align-items:center}.live-status{font-size:10px;color:#8b987b;white-space:nowrap}.live-status:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#a7b594;margin:0 5px 1px 0}.live-status.busy:before{background:var(--orange);animation:pulse 1.5s infinite}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:49px 0 27px}.document-scene{position:relative;width:135px;height:143px;margin-bottom:18px}.document-back{position:absolute;left:37px;top:11px;width:88px;height:105px;border:1px solid #e0e6d1;border-radius:7px;background:#eef1e3;transform:rotate(16deg)}.document-card{position:absolute;left:19px;top:10px;width:96px;height:124px;border:1px solid #d9e1ca;border-radius:8px;background:#fffefa;box-shadow:0 7px 12px #84966012;transform:rotate(-8deg);padding:14px}.document-card svg{width:24px;height:24px;color:#a6b68d;background:#f2f5e9;border-radius:6px;padding:4px;margin-bottom:4px}.document-card i{display:block;background:#e6ecd9;height:4px;border-radius:4px;margin-bottom:6px;width:54px}.document-card i:nth-of-type(2){width:39px}.document-card hr{border:0;border-top:1px dashed #e1e7d5;margin:10px 0}.document-card span{position:absolute;bottom:22px;left:48px;color:#adbc96;font-size:9px}.document-scene b{position:absolute;right:0;top:8px;font-size:26px;color:#d9a171;font-weight:400}.empty-state h3{font-size:17px;font-weight:400;color:#8e9b7d;margin:9px 0 9px}.empty-state p{font-size:12px;line-height:2;color:#91a07e}.empty-state>small{font:7px var(--mono);color:#b7c4a7;letter-spacing:1.5px;margin-top:29px}.workspace-footer{height:44px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:10px;color:#8d987c;background:#fdfefb}.workspace-footer i{display:inline-block;width:3px;height:3px;background:#99aa82;border-radius:50%;vertical-align:middle;margin-right:5px}.workspace-footer small{font:7px var(--mono);letter-spacing:1px;color:#bbc4ac}.guide{display:grid;grid-template-columns:43% 57%;gap:0;padding:47px 5px 15px}.guide-intro>small{font-size:10px;color:#9ea58f}.guide-intro h2{font-family:Georgia,'Songti SC','SimSun',serif;font-size:21px;line-height:1.7;font-weight:400;color:#8c977e;margin-top:11px}.faq-list details{border-top:1px solid #dfe4d4;padding:17px 0}.faq-list details:last-child{border-bottom:1px solid #dfe4d4}.faq-list summary{font-size:12px;color:#889578;cursor:pointer;list-style:none;padding-right:25px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;color:#a5b093;font-weight:300}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:11px;color:#8b987b;line-height:1.9;padding:17px 10px 0 0}.site-footer{display:flex;justify-content:space-between;font-size:10px;color:#a0a78f;margin-top:29px}.site-footer i{font-style:normal;margin:0 10px}.site-footer a:hover{color:var(--orange)}.source-toggle{display:flex;gap:6px;margin-top:20px;padding:4px;background:#f3f4ed;border-radius:8px}.source-toggle button{flex:1;border:0;background:transparent;border-radius:6px;padding:8px;font-size:11px;color:var(--muted)}.source-toggle .selected{background:white;color:var(--orange);box-shadow:0 1px 3px #00000009}.drop-zone{border:1px dashed #c5cdb6;background:#fafbf6;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:195px;text-align:center;margin:19px 0 14px;cursor:pointer;position:relative}.drop-zone>svg{width:29px;height:29px;color:#9cae83;margin-bottom:16px}.drop-zone strong{font-weight:500;font-size:13px;color:#748360}.drop-zone span{font-size:11px;color:#a1ab92;margin-top:4px}.drop-zone small{font-size:9px;color:#a6ae9a;margin-top:12px}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.drop-zone.dragging{border-color:var(--orange);background:#fff5ef}.file-list{max-height:100px;overflow:auto;font-size:10px;color:#83916e;margin-bottom:10px;overflow-wrap:anywhere}.form-error{color:#b84729;background:#fff2eb;border:1px solid #f1d9cd;border-radius:7px;font-size:11px;padding:8px 10px;margin-bottom:12px}.result-summary{font-size:11px;color:#8b987c;border-bottom:1px solid var(--line);padding:20px 0 12px}.result-list{max-height:337px;overflow-y:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:#d3dcca transparent}.result-item{padding:14px 0;border-bottom:1px dashed #dfe5d5;display:flex;gap:10px;align-items:flex-start}.result-icon{width:27px;height:29px;border:1px solid #dde5d1;background:#f1f5e9;color:#91a775;border-radius:6px;display:grid;place-items:center;font-size:14px;flex:none}.result-item.failed .result-icon{color:#ca7b58;border-color:#efdaca;background:#fff4ed}.result-item.running .result-icon,.result-item.queued .result-icon{color:#a78c5b;background:#fbf6e8;border-color:#eae0c5}.result-body{min-width:0;flex:1}.result-body strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.result-body p{font-size:10px;color:#8e9a80;margin-top:4px;line-height:1.8}.result-item.failed .result-body p{color:#b98163}.result-download{background:white;border:1px solid #dce4ce;border-radius:6px;color:#7e9465;padding:5px 7px;font-size:10px;display:flex;align-items:center;gap:4px;white-space:nowrap}.result-download svg{width:12px;height:12px}.download-all{width:100%;display:flex;align-items:center;gap:9px;background:#f0f4e8;border:1px solid #d8e2c8;color:#71885a;border-radius:8px;padding:11px 12px;font-size:12px;margin-top:18px}.download-all>span{margin-left:auto;font:9px var(--mono)}.download-all>svg{width:16px;height:16px}.result-footnote{font-size:9px;text-align:center;line-height:1.8;color:#a6b198;margin-top:14px}.retry{display:flex;margin:14px auto 0}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:90vw;border-radius:9px;padding:10px 19px;background:#38432f;color:#fff;font-size:12px;z-index:20;box-shadow:0 6px 20px #0002}.counter-error{color:var(--orange)}@keyframes pulse{50%{opacity:.3}}@media(min-width:1600px){.site-wrap{max-width:1160px}}@media(max-width:1220px){.site-wrap{margin:0 5vw}}@media(max-width:760px){.site-wrap{margin:0 20px}.site-header{height:72px;gap:13px}.brand{font-size:20px}.brand-icon{width:33px;height:33px}.hero{min-height:230px;padding:30px 0}.ticket-scene{transform:scale(.67);transform-origin:right center;width:240px;margin-right:-4px;margin-left:-55px}.eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:19px}h1{font-size:33px;letter-spacing:-1px}.hero-note{font-size:10px;max-width:210px}.workspace-grid{grid-template-columns:1fr}.workspace-toolbar{height:79px;padding:12px 16px}.tabs{width:100%}.tab{flex:1;justify-content:center;min-width:0;padding:12px}.tab small{margin-left:4px}.batch-hint{display:none}.input-panel{padding:26px 23px 23px}.result-panel{border-left:0;border-top:1px solid var(--line);padding:26px 23px;min-height:355px}.empty-state{padding:35px 0 21px}.workspace-footer{padding:0 18px;font-size:9px}.workspace-footer small{font-size:5px}.guide{grid-template-columns:1fr;padding-top:32px}.guide-intro{margin-bottom:23px}.guide-intro h2{font-size:19px}.guide-intro h2 br{display:none}.site-footer{font-size:9px;gap:20px}.site-footer span{max-width:230px}.result-list{max-height:400px}}@media(max-width:440px){.ticket-scene{display:none}.hero{min-height:245px}.hero-note{max-width:none;font-size:11px}h1{font-size:37px}.header-caption{font-size:10px}.guide-link{font-size:10px;gap:5px}.brand-divider{display:none}.workspace-footer small{display:none}.eyebrow{font-size:8px}.site-footer span{max-width:220px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}