:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#273c38;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #a1c9b6;outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 44%,#edf3ef80,transparent 58%)}header{height:104px;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:650;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:32px;height:34px;color:#fff;background:#36594c;border-radius:9px 9px 3px;font-size:18px;font-weight:400;letter-spacing:0}.brand-en{font-size:10px;letter-spacing:2px;color:#8c9994;margin-left:6px;font-weight:500}.local{display:flex;align-items:center;gap:8px;font-size:11px;color:#87938f}.local i{width:5px;height:5px;border-radius:100%;background:#8cab97}main{flex:1;width:min(100% - 40px,520px);margin:0 auto;padding:65px 0 72px}.intro{text-align:center}.eyebrow{font-size:10px;letter-spacing:4px;color:#83938a}h1{font-weight:500;letter-spacing:-1px;font-size:42px;line-height:1.5;margin:18px -30px 12px}h1 span{color:#6f8a7b}.intro p{font-size:13px;color:#8a9690;letter-spacing:1px;margin:0 0 38px}.upload{border:1px dashed #c7d3cc;border-radius:19px;background:#ffffffa6;min-height:292px;box-shadow:0 12px 45px #2a493606;transition:background .2s,border-color .2s,transform .2s}.upload:hover{border-color:#92ad9d;background:#fff}.upload.dragging{background:#eaf3ed;border-color:#5b8069;transform:scale(1.015)}.drop-target{width:100%;min-height:292px;border:0;background:transparent;display:flex;align-items:center;flex-direction:column;padding:35px 20px 26px;color:inherit;border-radius:19px}.paper{display:grid;place-items:center;width:70px;height:76px;border-radius:15px;background:#eef3ef;margin-bottom:22px;color:#7d9988;transform:rotate(-5deg)}.paper svg{width:35px;height:43px}.drop-target strong,.filename{font-size:15px;font-weight:500;letter-spacing:.4px}.drop-target>span:not(.paper){font-size:12px;color:#a0aaa4;margin-top:10px}.drop-target em{font-style:normal;color:#63846e;border-bottom:1px solid #c1d1c5;padding-bottom:2px}.drop-target small{font-size:10px;letter-spacing:1px;color:#aeb6b1;margin-top:27px}.file-content{display:flex;align-items:center;flex-direction:column;padding:30px 32px 20px;animation:appear .3s ease}.file-content .paper{margin-bottom:18px}.filename{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-size:11px;color:#8b9991;margin-top:8px}.primary{display:flex;align-items:center;justify-content:center;gap:36px;width:222px;min-height:46px;border:none;border-radius:9px;background:#365e4d;color:#fff;margin-top:25px;font-size:13px;box-shadow:0 4px 10px #365e4d12;transition:background .2s,transform .2s;animation:appear .3s ease}.primary:hover{background:#294b3c;transform:translateY(-1px)}.primary span{font-size:19px;font-weight:300}.change{background:none;border:0;color:#8d9991;font-size:11px;padding:13px 12px 0}.change:hover{color:#365e4d}.privacy{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;letter-spacing:.4px;color:#9ca8a0;margin-top:22px}.error{font-size:12px;text-align:center;color:#a45c48;line-height:1.8}.processing{position:relative;display:flex;align-items:center;gap:9px;margin:30px 0 25px;font-size:12px;color:#63846e;width:222px;justify-content:center}.processing>span:last-of-type{font-variant-numeric:tabular-nums;margin-left:auto}.spinner{width:13px;height:13px;border:1.5px solid #d3dfd7;border-top-color:#63846e;border-radius:50%;animation:spin .8s linear infinite}.progress{position:absolute;top:28px;width:100%;height:3px;background:#e5ece7;border-radius:3px;overflow:hidden}.progress i{display:block;height:100%;background:#7da58c;transition:width .2s}footer{display:flex;justify-content:space-between;margin:0 6%;padding:23px 0 27px;border-top:1px solid #e9ece9;font-size:10px;letter-spacing:.6px;color:#a8b0ab}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){header{height:80px;padding:0 24px}.brand-en{display:none}.local{font-size:9px}main{padding:54px 0 60px}h1{font-size:33px;margin-left:0;margin-right:0}.intro p{font-size:12px}.upload{min-height:280px}footer{margin:0 24px;font-size:9px;gap:16px}.file-content{padding-inline:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}