:root{--ink:#17221f;--muted:#62716b;--paper:#f6f9f7;--line:#d8e2dd;--accent:#087d6a;--accent-hover:#056654}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px "Microsoft YaHei UI",system-ui,sans-serif}main{max-width:920px;margin:0 auto;padding:72px 24px}.lookup{border-bottom:1px solid var(--line);padding-bottom:28px}h1{font-size:24px;margin:0 0 20px;letter-spacing:0}form{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(140px,.7fr) auto;gap:12px;align-items:end}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--muted)}input{height:42px;border:1px solid var(--line);background:#fff;color:var(--ink);font:15px ui-monospace,monospace;padding:0 12px;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(8 125 106 / 12%)}button{height:42px;border:0;background:var(--accent);color:#fff;padding:0 22px;font-weight:700;cursor:pointer}button:hover{background:var(--accent-hover)}button:disabled{opacity:.6;cursor:wait}.result{padding-top:28px}.result-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.result-head span{color:var(--accent);font:11px ui-monospace,monospace;font-weight:700}.result-head h2{font-size:18px;margin:4px 0 0}.result-head small{color:var(--muted)}#empty{padding:42px 18px;border:1px dashed var(--line);text-align:center;color:var(--muted)}#messages{display:grid;gap:8px}article{padding:16px 18px;border:1px solid var(--line);background:#fff}.message-meta{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}h3{font-size:15px;margin:9px 0 6px}.copy-code{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 4px 0 10px;margin:2px 0 8px;background:#e1f1ea;color:#096a58;font-size:12px}.copy-icon{height:22px;padding:0 8px;background:#087d6a;color:#fff;font-size:11px}.copy-icon:hover{background:#056654}.preview{margin:0;color:#516059;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}details{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}summary{cursor:pointer;color:var(--accent);font-size:13px;font-weight:700}pre{margin:12px 0 0;white-space:pre-wrap;word-break:break-word;color:#34423c;font:13px/1.6 ui-monospace,monospace}@media(max-width:640px){main{padding:40px 16px}form{grid-template-columns:1fr}button{width:100%}.message-meta{display:block}time{display:block;margin-top:4px}.copy-code{width:auto}.copy-icon{width:auto}}