.demo-header{background:#fff;border-bottom:1px solid var(--line);padding:15px 5%;display:flex;justify-content:space-between;align-items:center}.demo-brand{display:flex;align-items:center;gap:15px}.demo-brand img{width:54px;height:60px;object-fit:contain}.demo-brand strong{font-size:16px}.demo-brand small{display:block;font-size:10px;margin-top:7px;color:#8d9dac}.demo-main{max-width:1380px;padding:38px 5%}.demo-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.demo-intro h1{margin-top:12px}.demo-intro p{font-size:12px;line-height:1.8;color:#8191a3;max-width:650px}.protocol-tag{font:11px Consolas,monospace;color:#3185a3;background:#e6f7fc;padding:10px 13px;border-radius:7px;white-space:nowrap}.demo-tabs{display:flex;gap:25px;margin-bottom:24px;border-bottom:1px solid var(--line)}.demo-tabs button{border:0;border-radius:0;background:none;padding:14px 0;color:#7c8c9d;font-size:12px}.demo-tabs button.active{color:#056b9b;border-bottom:2px solid var(--cyan)}.demo-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.method-tag{color:#138574;background:#e9f8f3;padding:4px 8px;font-size:10px;border-radius:5px;font-weight:700}.response-body{min-height:345px;max-height:600px;margin-top:15px;font-size:11px;background:#112e47;color:#c9e9ed;padding:22px;line-height:1.8}.demo-buttons{display:flex;gap:9px;flex-wrap:wrap}.demo-buttons button,.demo-buttons a{font-size:11px}.demo-buttons a{padding:10px;border:1px solid var(--line);border-radius:8px}.demo-main textarea{font-size:12px;line-height:1.8;min-height:320px;background:#fbfdfe}.demo-main details summary{cursor:pointer;color:#7b90a2;font-size:11px}.demo-main .callback-path{padding:15px 20px;background:#f5f8fb;border-radius:8px;font:12px/2 Consolas,monospace;margin-bottom:25px}.demo-history-row{padding:16px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.demo-history-row summary{font-size:11px;cursor:pointer;color:#54758d}.demo-history-row small{font-size:10px;color:#91a0af}#demo-login{max-width:430px;margin:60px auto}#demo-status{padding:15px;background:#e9f7fc;border-radius:8px}#demo-status:empty{display:none}@media(max-width:850px){.demo-grid{grid-template-columns:1fr}.demo-intro{flex-direction:column;align-items:flex-start}.demo-header{padding:15px 5%}.demo-brand strong{font-size:13px}.demo-brand small{display:none}.demo-main{padding-top:25px}}