@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600;700&family=Noto+Sans+SC:wght@400;600;700;800;900&display=swap";:root{--paper:#fffef9;--canvas:#f3f1e9;--ink:#151511;--muted:#686861;--muted-light:#94938a;--line:#d8d5ca;--line-dark:#a7a49a;--signal:#f06422;--highlight:#f5d85e;--shadow-color:#24241f;--sans:"Noto Sans SC", "Microsoft YaHei", sans-serif;--mono:"IBM Plex Mono", Consolas, monospace;color:var(--ink);background:var(--canvas);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background-color:var(--canvas);background-image:linear-gradient(#15151106 1px,#0000 1px),linear-gradient(90deg,#15151106 1px,#0000 1px);background-size:32px 32px;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--highlight);outline-offset:3px}label:has(+input:focus-visible){outline:3px solid var(--highlight);outline-offset:3px}::selection{color:var(--paper);background:var(--signal)}.shell{width:min(1180px,100% - 48px);margin:0 auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;display:flex}.brand{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:10px;font-size:21px;font-weight:900;text-decoration:none;display:flex}.brand-mark{background:var(--signal);border-radius:4px 12px 4px 4px;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-2deg)}.brand-mark svg{width:21px;fill:var(--paper)}.brand-en{border-left:1px solid var(--line-dark);color:var(--muted);font-family:var(--mono);letter-spacing:.16em;padding-left:10px;font-size:10px;font-weight:700}.status-pill{border:1px solid var(--line);color:var(--muted);background:#fff9;border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}.status-dot{background:#27a769;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #27a7691f}.hero-copy{text-align:center;max-width:850px;margin:86px auto 48px}.eyebrow{color:var(--signal);font-family:var(--mono);letter-spacing:.18em;margin:0 0 19px;font-size:11px;font-weight:800}.hero-copy h1{color:var(--ink);letter-spacing:-.075em;margin:0;font-size:clamp(50px,7vw,86px);font-weight:900;line-height:.98}.hero-copy h1 span{color:var(--signal);white-space:nowrap;position:relative}.hero-copy h1 span:after{content:"";z-index:-1;background:var(--highlight);height:13px;position:absolute;bottom:3px;left:5px;right:-3px;transform:rotate(-1.5deg)}.intro{color:var(--muted);margin:31px 0 0;font-size:15px;line-height:1.9}.transfer-panel{border:1px solid var(--line-dark);background:var(--paper);max-width:760px;box-shadow:14px 14px 0 var(--shadow-color);margin:0 auto 64px;padding:11px;position:relative}.panel-index{color:var(--paper);background:var(--ink);font-family:var(--mono);letter-spacing:.12em;padding:5px 9px;font-size:9px;font-weight:700;position:absolute;top:-26px;right:-1px}.drop-zone{box-sizing:border-box;text-align:center;background-color:#fbfaf6;background-image:radial-gradient(#d9d7cc .8px,#0000 .8px);background-size:18px 18px;border:1.5px dashed #b9b8b1;min-height:420px;padding:52px 58px 48px;transition:border-color .16s,background-color .16s}.drop-zone.is-dragging{border-color:var(--signal);background-color:#fff8eb}#file-input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.drop-action{cursor:pointer;flex-direction:column;align-items:center;display:flex}.upload-icon{border:1px solid var(--line-dark);width:72px;height:72px;color:var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--highlight);border-radius:50%;place-items:center;margin-bottom:19px;display:grid}.upload-icon svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2px;width:34px}.drop-action strong{color:var(--ink);letter-spacing:-.035em;font-size:22px;font-weight:850}.drop-action>span:last-child{color:var(--muted-light);margin-top:7px;font-size:13px}.file-card{border:1px solid var(--line);background:var(--paper);text-align:left;align-items:center;gap:14px;max-width:500px;margin:28px auto 0;padding:11px 13px;display:flex}.file-type{width:44px;height:44px;color:var(--signal);font-family:var(--mono);background:#fff2d8;flex:none;place-items:center;font-size:9px;font-weight:800;display:grid}.file-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.file-meta strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.file-meta span{color:var(--muted-light);font-family:var(--mono);font-size:10px}.remove-file{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:23px}.progress-block{text-align:left;max-width:500px;margin:24px auto 0}.progress-label{color:var(--ink);font-family:var(--mono);letter-spacing:.06em;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.progress-label strong{color:var(--signal)}.progress-track{background:#dddcd5;height:7px;overflow:hidden}.progress-track span{background:var(--signal);height:100%;transition:width .15s;display:block}.progress-track.is-confirming span{width:34%;animation:1.1s ease-in-out infinite confirming}@keyframes confirming{0%{transform:translate(-100%)}to{transform:translate(300%)}}.progress-block p{color:var(--muted-light);margin:8px 0 0;font-size:10px}.error-message{color:#bb2d23;margin:18px 0 -6px;font-size:12px;font-weight:700}.primary-button{box-sizing:border-box;border:1px solid var(--ink);height:52px;color:var(--paper);background:var(--ink);cursor:pointer;font:800 13px/1 var(--sans);border-radius:0;justify-content:center;align-items:center;gap:11px;text-decoration:none;transition:transform .13s,box-shadow .13s,opacity .13s;display:inline-flex}.drop-zone>.primary-button{width:min(100%,500px);margin-top:28px}.primary-button:not(:disabled):hover{box-shadow:4px 4px 0 var(--signal);transform:translate(-2px,-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.3}.primary-button svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:1.8px;width:18px}.success-card{box-sizing:border-box;background-color:#fbfaf6;background-image:radial-gradient(#d9d7cc .8px,#0000 .8px);background-size:18px 18px;border:1.5px dashed #b9b8b1;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:54px;display:flex}.success-icon{width:70px;height:70px;color:var(--paper);background:#248a5b;border-radius:50%;place-items:center;margin-bottom:22px;display:grid;box-shadow:5px 5px #bde8cf}.success-icon svg{fill:none;stroke:currentColor;stroke-width:3px;width:40px}.success-card .eyebrow{color:#248a5b;margin-bottom:9px}.success-card h2{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:34px}.success-file{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:9px 0 25px;font-size:12px;overflow:hidden}.link-box{box-sizing:border-box;border:1px solid var(--line-dark);background:var(--paper);align-items:center;width:min(100%,560px);height:48px;padding-left:15px;display:flex}.link-box span{min-width:0;color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.link-box button{border:0;border-left:1px solid var(--line-dark);color:var(--ink);background:var(--highlight);cursor:pointer;font:800 11px var(--sans);align-self:stretch;padding:0 16px}.success-actions{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,560px);margin-top:12px;display:grid}.secondary-button{border:1px solid var(--line-dark);color:var(--ink);background:var(--paper);cursor:pointer;font:800 13px var(--sans)}.expiry{color:var(--muted-light);font-family:var(--mono);margin:20px 0 0;font-size:10px}.feature-strip{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:88px 0 92px;display:grid}.feature-strip article{align-items:flex-start;gap:18px;padding:31px;display:flex}.feature-strip article+article{border-left:1px solid var(--line)}.feature-strip article>span{color:var(--signal);font-family:var(--mono);font-size:10px;font-weight:800}.feature-strip strong{color:var(--ink);margin-bottom:7px;font-size:14px;display:block}.feature-strip p{color:var(--muted-light);margin:0;font-size:11px}footer{border-top:1px solid var(--line);color:var(--muted-light);font-family:var(--mono);letter-spacing:.1em;justify-content:space-between;padding:24px 0 34px;font-size:9px;display:flex}@media (width<=720px){.shell{width:min(100% - 28px,600px)}.topbar{height:72px}.brand-en,.status-pill{display:none}.hero-copy{margin:58px auto 38px}.hero-copy h1{font-size:clamp(43px,14vw,67px)}.hero-copy h1 span:after{height:8px}.intro{font-size:13px}.transfer-panel{box-shadow:8px 8px 0 var(--shadow-color);margin-right:6px}.drop-zone,.success-card{min-height:410px;padding:42px 20px 34px}.file-card,.progress-block{box-sizing:border-box;width:100%}.success-card h2{font-size:30px}.success-actions{grid-template-columns:1fr}.secondary-button{height:48px}.feature-strip{grid-template-columns:1fr;margin:70px 0 60px}.feature-strip article+article{border-top:1px solid var(--line);border-left:0}footer{flex-direction:column;gap:12px;line-height:1.6}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}