body{color:#111;background:#f6f7fb;margin:0;font-family:system-ui,sans-serif}main{max-width:1100px;margin:0 auto;padding:32px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0001}.layout{grid-template-columns:360px 1fr;gap:24px;display:grid}input,textarea,button{font:inherit;border:1px solid #ccd;border-radius:10px;margin:6px 0;padding:10px}button{cursor:pointer;color:#fff;background:#1f4fd8;border:0}textarea{width:100%;min-height:120px;display:block}ul{padding:0;list-style:none}li button{text-align:left;color:#111;background:#fff;border:1px solid #dde;width:100%}pre{white-space:pre-wrap;background:#f0f2f7;border-radius:12px;max-height:420px;padding:12px;overflow:auto}.demo-mark{color:#111;background:#f59e0b;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.tabs{gap:8px;margin:16px 0;display:flex}.tabs button{color:#111;background:#e5e9f5}.tabs button.active{color:#fff;background:#1f4fd8}li{margin:6px 0}li button{width:auto;margin-right:6px;display:inline-block}h3{margin:14px 0 6px}code{background:#eef1f8;border-radius:6px;padding:2px 6px}.layout ul{margin:0}