:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#e5ebf7;background:#101827;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:860px;margin:48px auto;padding:0 22px 40px}.label{font-size:12px;letter-spacing:2px;color:#95b5ff}h1{font-size:30px;margin:12px 0}h2{font-size:17px;margin:0 0 16px}header p,aside,#count{color:#aab7ce;font-size:14px;line-height:1.8}.card{background:#19243a;border:1px solid #34445f;border-radius:14px;padding:24px;margin:22px 0}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}label{display:block;font-size:13px;color:#b7c8e6;margin-bottom:8px}input{min-width:0;flex:1;border:1px solid #556886;border-radius:8px;padding:12px;background:#101827;color:#fff;font:inherit}button{border:0;border-radius:8px;background:#aac7ff;color:#101827;font:inherit;font-weight:600;padding:12px 20px;cursor:pointer}button:disabled{opacity:.45;cursor:default}.secondary{background:transparent;border:1px solid #556886;color:#c5d6f4;font-size:13px}#status{font-size:14px;overflow-wrap:anywhere}#messages{list-style:none;padding:0;margin:0 0 22px;height:280px;overflow:auto}#messages:empty:before{content:'等待第一条测试消息';color:#9aaac5;display:block;text-align:center;padding-top:100px}li{padding:12px;border-bottom:1px solid #34445f;white-space:pre-wrap;overflow-wrap:anywhere}li small{display:block;color:#9aaac5;font-size:11px;margin-bottom:6px}input:focus,button:focus-visible{outline:2px solid #c6d8ff;outline-offset:3px}@media(max-width:540px){main{margin-top:26px;padding:0 14px 28px}.card{padding:18px}h1{font-size:25px}button{padding:12px}#messages{height:240px}}