:root{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#1f2329;background:#f5f6f7;--blue:#3370ff;--border:#d0d3d8;--muted:#646a73;--danger:#f54a45}*{box-sizing:border-box}body{margin:0;background:#f5f6f7;font-size:14px}.hidden{display:none!important}.native-toolbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 28px;border-bottom:1px solid #dee0e3;background:#fff}.native-toolbar>strong{font-size:16px;font-weight:500}.toolbar-left,.toolbar-actions{display:flex;align-items:center;gap:20px}.toolbar-left button{border:0;background:none;color:#3b3f46;font-size:32px;line-height:1}.toolbar-left span,.toolbar-actions span{color:#34383f}.toolbar-actions{justify-content:flex-end}.toolbar-actions button{height:34px;padding:0 14px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#1f2329}.native-page{width:868px;max-width:calc(100% - 32px);margin:0 auto;padding:18px 0 34px}.auth-panel{display:flex;min-height:300px;align-items:center;justify-content:center;gap:10px}.form-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.form-intro h1{margin:0 0 6px;font-size:20px;font-weight:500}.form-intro p{margin:0;color:#646a73}.form-intro a{padding:7px 10px;color:var(--blue);text-decoration:none}.native-card{padding:27px 24px 24px;border:1px solid #dfe1e5;border-radius:8px;background:#fff}.native-card h2{margin:0 0 22px;font-size:17px;font-weight:500}.native-fields{display:flex;flex-direction:column;gap:25px}.native-field{display:flex;flex-direction:column;gap:8px}.field-label{color:#4e5969}.field-label i{color:var(--danger);font-style:normal}.native-field input,.native-field select,.native-field textarea{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#1f2329;font:inherit;outline:none}.native-field input::placeholder,.native-field textarea::placeholder{color:#8f959e}.native-field textarea{height:92px;resize:vertical}.native-field input:focus,.native-field select:focus,.native-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(51,112,255,.12)}.native-field select{appearance:auto;color:#646a73}.amount-input{display:grid;grid-template-columns:1fr 200px}.amount-input input{border-radius:6px 0 0 6px}.amount-input span{display:flex;align-items:center;padding:0 14px;border:1px solid var(--border);border-left:0;border-radius:0 6px 6px 0;background:#f2f3f5}.date-input{position:relative}.date-input input{padding-right:40px}.date-input span{position:absolute;right:13px;top:11px;color:#646a73;pointer-events:none}.native-field small{color:#8f959e;font-size:13px;font-weight:400}.native-only-field{opacity:.72}.native-only-hint{color:#8a5a00!important;font-size:12px!important}.upload{display:inline-flex;width:max-content;min-height:34px;align-items:center;padding:0 13px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#1f2329;cursor:pointer}.upload input{display:none}.native-description{margin-top:-8px;padding:10px 12px;border-radius:6px;background:#f2f3f5;color:#4e5969;line-height:1.5}.connect-button{width:max-content;height:34px;padding:0 13px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#1f2329}.connect-value{display:none}.file{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ebecee}.file a{color:var(--blue);text-decoration:none}.file button{border:0;background:none;color:var(--danger)}.native-list{margin:0;padding:16px;border:1px solid #e1e3e6;border-radius:6px}.native-list legend{padding:0 6px}.native-list-row{display:grid;gap:14px}.secondary{margin-top:12px;padding:8px 12px;border:1px dashed var(--border);border-radius:6px;background:#fff;color:var(--blue)}.approval-flow{margin-top:36px}.approval-flow h3{margin:0 0 10px;font-size:16px;font-weight:500}.approval-flow h3 span{color:#8f959e}.approval-flow p{margin:0;color:#8f959e;font-size:13px}.precheck-result{margin-top:24px;padding:15px;border-radius:6px;background:#f7f8fa}.precheck-result h3{margin:0 0 12px}.precheck-result ul{padding-left:20px}.issue{color:#d54941}.issue.warn{color:#ad6800}.window{color:#646a73}.native-actions{display:flex;align-items:center;gap:16px;margin-top:36px}.native-actions button{height:36px;padding:0 26px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#1f2329}.native-actions #primary{border-color:var(--blue);background:var(--blue);color:#fff}.native-actions #primary:disabled{opacity:.55}.native-actions span{margin-left:auto;color:#8f959e;font-size:12px}#toast{position:fixed;z-index:50;left:50%;bottom:30px;display:none;padding:10px 18px;border-radius:6px;background:#1f2329;color:#fff;transform:translateX(-50%)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #d5d8dc;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.native-toolbar{grid-template-columns:1fr auto;height:56px;padding:0 12px}.native-toolbar>strong{grid-column:2;grid-row:1}.toolbar-left span,.toolbar-actions{display:none}.native-page{max-width:100%;padding:14px 10px}.native-card{padding:20px 15px}.amount-input{grid-template-columns:1fr 120px}.native-actions span{display:none}}
