:root{color:#334155;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f8fbff 0%,#eef4ff 100%);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}#root{color:#0f172a;min-height:100vh;display:block}h1{color:#0f172a;margin:0 0 12px;font-size:32px;line-height:1.2}p{color:#475569;margin:0}.page{min-height:100vh;padding:24px 16px}.panel{background:#fff;border:1px solid #d8e2f0;border-radius:12px;max-width:420px;margin:0 auto;padding:24px}.field{margin-bottom:16px;display:block}.field span{color:#334155;margin-bottom:8px;display:block}.field input,.field select,button{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 12px}button{color:#fff;cursor:pointer;background:#2563eb;border:none}button:disabled{cursor:not-allowed;background:#94a3b8}.message{color:#dc2626;margin-top:12px}.result{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px}.result p{margin-bottom:8px}.result a{color:#2563eb;word-break:break-all}