*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#18314d;font:16px/1.6 system-ui,sans-serif}main{max-width:960px;margin:40px auto;padding:24px}article{background:white;padding:28px;border:1px solid #dbe4ef;border-radius:12px}.pc-demo-row{display:flex;gap:18px;flex-wrap:wrap}label{display:grid;gap:4px;margin:8px 0}input,button{font:inherit;padding:10px;border:1px solid #bccbdd;border-radius:6px}button{margin:16px 0;background:#086bc6;color:white;cursor:pointer}button:disabled{opacity:.55;cursor:default}pre{padding:16px;background:#10283f;color:#e4efff;max-height:560px;overflow:auto;white-space:pre-wrap;word-break:break-word}dt{font-weight:600}dd{margin:0 0 10px}a{color:#086bc6}