:root{--bg:#f7f8fa;--card:#fff;--line:#e6e8eb;--txt:#1f2329;--sub:#646a73;--pri:#2b6cb0;--pri-bg:#eef4fb;--warn:#b54708}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font:12px/1.6 -apple-system,Segoe UI,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--txt);-webkit-text-size-adjust:100%}.wrap{max-width:980px;margin:0 auto;padding:16px}h1{font-size:16px;margin:0 0 12px;font-weight:600}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:6px 12px;cursor:pointer;border-radius:3px 3px 0 0;color:var(--sub);border:1px solid transparent;border-bottom:none;white-space:nowrap;flex:0 0 auto;background:none}.tab.active{background:var(--card);color:var(--pri);border-color:var(--line);border-bottom-color:var(--card);margin-bottom:-1px;font-weight:600}.tab:hover:not(.active){color:var(--txt)}.panel{display:none}.panel.show{display:block}.card{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:12px;margin-bottom:10px}.row{flex-wrap:wrap;gap:8px 14px}.field,.row{display:flex;align-items:center}.field{gap:6px;min-height:28px;flex:0 0 auto}.field label{color:var(--sub);white-space:nowrap}input,select,textarea{height:26px;border:1px solid var(--line);border-radius:3px;padding:0 6px;background:#fff;color:var(--txt);font:inherit;min-width:90px}input[type=number]{width:120px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pri)}.radio{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{height:26px;padding:0 14px;border:1px solid var(--pri);background:var(--pri);color:#fff;border-radius:3px;cursor:pointer;font:inherit}.btn.ghost{background:#fff;color:var(--pri)}.btn:hover{opacity:.9}.result{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:8px;gap:8px}.ritem{background:var(--pri-bg);border-radius:3px;padding:6px 8px}.ritem .k{color:var(--sub);font-size:11px}.ritem .v{font-size:15px;font-weight:600;color:var(--pri)}.ritem .v small{font-size:11px;font-weight:400;color:var(--sub);margin-left:2px}.warn{color:var(--warn);font-size:11px;margin-top:6px}.scroll{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:3px;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:11px;margin-top:6px}td,th{border-bottom:1px solid var(--line);padding:4px 6px;text-align:right;white-space:nowrap}th{background:#fafbfc;color:var(--sub);font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:1}td.l,th.l{text-align:left}tbody tr:nth-child(2n){background:#fafbfc}tbody tr:hover{background:var(--pri-bg)}.muted{color:var(--sub)}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.sub2{font-size:11px;color:var(--sub);margin-top:4px}.tag{display:inline-block;padding:1px 6px;border-radius:2px;font-size:10px;background:var(--pri-bg);color:var(--pri);margin-left:6px}button,input,select,textarea{touch-action:manipulation}@media (max-width:640px){.wrap{padding:10px}h1{font-size:15px}.card{padding:10px}.row{gap:6px 10px}.field{width:100%;justify-content:flex-start}.field label{flex:0 0 auto;min-width:64px}input[type=number],input[type=text],select,textarea{font-size:16px;height:32px;width:100%;flex:1 1 auto;min-width:0}.split{grid-template-columns:1fr}.ritem .v{font-size:14px}.scroll{max-height:300px}.btn{flex:0 0 auto;height:32px}}