:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#203a30;background:#fff;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}.app{max-width:640px;padding:28px 24px 50px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e7ece8;padding-bottom:23px;margin-bottom:24px}header strong{font-size:23px;letter-spacing:1px}header span{display:block;font-size:12px;color:#78847c;margin-top:3px}header small{font-size:12px;color:#78847c;white-space:nowrap}h1{font-size:23px;line-height:1.45;margin:26px 0 22px;font-weight:650}.primary{border:0;background:#174f3e;color:white;border-radius:9px;padding:13px 23px;min-height:48px;font-weight:600}.primary:hover:not(:disabled){background:#23634b}nav{display:flex;border-bottom:1px solid #e7ece8;gap:24px;margin-bottom:22px}.tab{padding:10px 0 14px;background:none;border:0;color:#7b867e;font-size:14px}.tab.active{color:#174f3e;border-bottom:2px solid #174f3e}.state{background:#f4f7f3;border-radius:8px;padding:13px 15px;font-size:13px;line-height:1.8;color:#506b54}.state.offline{background:#faf6ed;color:#816647}.state.paused{background:#fff1ed;color:#9a563e}.upload{border:1px dashed #aabdaf;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:165px;gap:8px;cursor:pointer;background:#fcfdfb}.upload:hover,.upload.dragging{background:#f1f6ee;border-color:#174f3e}.upload strong{font-size:17px;font-weight:600}.upload span{font-size:13px;color:#69786b}.upload small{font-size:12px;color:#8b938d}.file{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #edf0ec}.file>div{flex:1;min-width:0}.file a{font-size:14px;color:#174f3e;word-break:break-all;text-decoration:none}.file a:hover{text-decoration:underline}.file small{display:block;font-size:12px;color:#8b938d;margin-top:5px}.remove{border:0;background:none;color:#7e8980;font-size:13px;min-height:40px;padding:8px}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:24px}.submit-row>span{font-size:14px;color:#617062}.hint{font-size:12px;line-height:1.8;color:#8b938d;margin:14px 0}footer{border-top:1px solid #e7ece8;margin-top:35px;padding-top:20px;font-size:12px;line-height:1.9;color:#89928b}.order{border-bottom:1px solid #e7ece8;padding:20px 0}.order-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.order-name{font-size:14px;font-weight:600;word-break:break-all;flex:1}.order-status{font-size:12px;padding:4px 8px;border-radius:5px;background:#eff4eb;color:#537044;white-space:nowrap}.order small{font-size:12px;color:#8b938d}.order .note{font-size:12px;line-height:1.7;color:#8b938d;margin:9px 0 0}.empty{padding:34px 0;color:#8b938d;font-size:14px}form label{display:block;font-size:14px;margin-bottom:9px}form input{display:block;width:100%;padding:13px;border:1px solid #ccd8cc;border-radius:8px;margin-bottom:20px}form button{width:100%}.error{font-size:13px;color:#ae5038;line-height:1.7}.message{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#203c30;color:#fff;padding:13px 18px;max-width:90%;width:max-content;border-radius:9px;font-size:13px;z-index:5;box-shadow:0 6px 25px #14312520}button:focus-visible,a:focus-visible,label:focus-visible,input:focus-visible{outline:3px solid #87ae7b;outline-offset:3px}@media(max-width:380px){.app{padding:24px 18px 40px}.upload span{font-size:12px}h1{font-size:21px}.primary{padding:13px 18px}.order-status{font-size:11px}}