*{box-sizing:border-box}body{margin:0 auto;max-width:900px;padding:16px;font:15px/1.6 system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;color:#1f2937;background:#f8fafc}
header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:20px;font-weight:700}.logo{color:#2563eb}
.badge{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:8px 12px;font-size:14px}
nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}nav button{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer}nav button.active{background:#2563eb;color:#fff;border-color:#2563eb}
.tool{display:none;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.tool.active{display:block}.tool h2{margin-top:0}
.hint{color:#64748b;font-size:14px}.row{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}.row label{display:flex;align-items:center;gap:6px;font-size:14px}
input[type=number]{width:90px}button.primary{background:#2563eb;color:#fff;border:0;border-radius:8px;padding:9px 18px;font-size:15px;cursor:pointer}button.primary:disabled{opacity:.5}
button.ghost{border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:4px 10px;cursor:pointer}
.out{margin-top:12px;font-size:14px}.out a{display:inline-block;margin:4px 8px 4px 0;color:#2563eb}.out img{max-width:100%;max-height:300px;border:1px solid #e2e8f0;display:block;margin-top:8px}
.err{color:#b91c1c}.faq{margin-top:24px}details{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;margin:6px 0}
footer{margin:24px 0;color:#64748b;font-size:13px;text-align:center}footer a{color:#64748b}