:root{font:15px/1.6 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#17314d;background:#f3f7fc}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:45px auto;padding:0 24px}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}a{color:#1565d8;text-decoration:none}h1{font-size:28px;margin:0 0 6px}h2{font-size:18px;margin:0 0 18px}.muted,small{color:#60758b}.card{background:white;border:1px solid #dce5f0;border-radius:16px;padding:25px;margin:18px 0;box-shadow:0 5px 22px #183a6610}.banner{border-left:4px solid #d88713;background:#fff8e9;padding:16px 20px;border-radius:8px;margin:20px 0}.good{border-color:#24a77c;background:#edf9f3}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}button,.button{cursor:pointer;border:0;border-radius:8px;padding:10px 18px;background:#1769df;color:white;font:inherit}button.secondary{background:#eaf0f8;color:#34506f}button:disabled{cursor:wait;opacity:.5}label{display:block;margin:15px 0 6px}input,textarea{width:100%;border:1px solid #cad6e5;border-radius:8px;background:#fcfdff;padding:11px;font:inherit;color:inherit}textarea{min-height:180px;resize:vertical}input:focus,textarea:focus{outline:2px solid #aacbff;border-color:#1769df}dl{display:grid;grid-template-columns:120px 1fr;gap:10px;margin:0}dt{color:#60758b}dd{margin:0;overflow-wrap:anywhere}.actions{margin-top:20px}.output{white-space:pre-wrap;overflow-wrap:anywhere;min-height:24px;color:#34506f}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e6edf5;padding:12px 8px;vertical-align:top}td:first-child{max-width:520px;overflow-wrap:anywhere}.scroll{overflow-x:auto}.tag{display:inline-block;background:#eaf0f8;padding:3px 10px;border-radius:16px}footer{color:#8292a4;margin-top:24px;font-size:12px}@media(max-width:720px){main{margin:24px auto;padding:0 16px}.grid{grid-template-columns:1fr}.card{padding:18px}nav{align-items:flex-start}h1{font-size:24px}}