html,body{margin:0;background:#fff;color:#151515;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}*{box-sizing:border-box}.setup{max-width:650px;margin:5vh auto;padding:24px 32px 40px}h1{font-size:28px;text-align:center;line-height:1.6}p{line-height:1.8}label{display:block;margin:16px 0;font-size:17px}input,select{display:block;width:100%;font:17px "Microsoft YaHei",sans-serif;padding:10px;margin-top:7px;border:1px solid #aaa;background:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}button,a.button{display:inline-block;font:18px "Microsoft YaHei",sans-serif;background:#fff;color:#171717;border:1px solid #444;padding:13px 18px;margin:10px 8px 10px 0;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:wait}.primary{background:#202b3b;color:#fff;width:100%}.small{font-size:14px;color:#555;line-height:1.8}.error{color:#a12626;white-space:pre-wrap}.lab{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:24px;gap:18px}.lab h1{font-size:32px;margin:0}.lab p{font-size:25px;line-height:1.9;max-width:950px;margin:6px 0}.lab .small{font-size:18px}.key{border:2px solid #333;padding:1px 12px;margin:0 6px;font-family:Arial}.red{color:#b73333;font-weight:bold}.trial{background:#bfbfbf;min-height:100vh;display:flex;align-items:center;justify-content:center}.trial canvas{width:350px;height:350px}.fix{font:50px Arial}.examples{display:flex;gap:24px}.examples img{width:140px;height:140px;object-fit:contain}.examples p{font-size:18px}details{margin:22px 0}summary{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3768a5}@media(max-width:650px){.grid{grid-template-columns:1fr}.lab p{font-size:21px}.examples{gap:8px}.examples img{width:100px;height:100px}}