body{background:#f5f7fa;color:#222;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.qtool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:6px 0 10px}
.qtool-tile{background:#fff;border:1px solid #eef1f6;border-radius:12px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:7px;text-decoration:none;transition:box-shadow .15s,transform .15s}
.qtool-tile:hover{box-shadow:0 6px 18px rgba(31,42,68,.10);transform:translateY(-2px);text-decoration:none}
.qtool-tile__ico{font-size:28px;line-height:1}
.qtool-tile__t{font-size:17px;font-weight:700;color:#1f2a44}
.qtool-tile__d{font-size:13px;color:#7a8499;line-height:1.65}
.qtool-tile__go{margin-top:auto;color:#2a6df4;font-weight:600;font-size:14px}
.qtool-calc{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:4px}
.qtool-field{display:flex;flex-direction:column;gap:6px}
.qtool-field label{font-size:13px;color:#5a6478;font-weight:600}
.qtool-field .hint{font-size:11px;color:#aab2c2;font-weight:400}
.qtool-field input,.qtool-field select{padding:10px 12px;border:1px solid #d6dbe6;border-radius:8px;font-size:15px;color:#222;background:#fff;width:100%;box-sizing:border-box}
.qtool-field input:focus,.qtool-field select:focus{outline:none;border-color:#2a6df4;box-shadow:0 0 0 3px rgba(42,109,244,.12)}
.qtool-actions{display:flex;gap:12px;margin:18px 0 4px;flex-wrap:wrap}
.qtool-btn{cursor:pointer;background:#2a6df4;color:#fff;border:none;border-radius:8px;padding:11px 26px;font-size:15px;font-weight:600}
.qtool-btn:hover{background:#1f5bd6}
.qtool-btn--ghost{background:#fff;color:#42506b;border:1px solid #d6dbe6}
.qtool-btn--ghost:hover{background:#f0f3f9}
.qtool-result{margin-top:18px;background:#f5f9ff;border:1px solid #dbe7ff;border-radius:12px;padding:4px 20px}
.qtool-result__row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px dashed #e3ecfb;font-size:15px}
.qtool-result__row:last-child{border-bottom:none}
.qtool-result__k{color:#5a6478}
.qtool-result__v{font-weight:700;color:#1f2a44;font-variant-numeric:tabular-nums}
.qtool-result__v.big{font-size:19px}
.qtool-seg{display:inline-flex;border:1px solid #d6dbe6;border-radius:8px;overflow:hidden;align-self:flex-start}
.qtool-seg label{padding:9px 18px;cursor:pointer;font-size:14px;color:#42506b;background:#fff;border-right:1px solid #d6dbe6;display:flex;align-items:center}
.qtool-seg label:last-child{border-right:none}
.qtool-seg input{display:none}
.qtool-seg input:checked+span{color:#2a6df4;font-weight:700}
.qtool-seg label:has(input:checked){background:#eef4ff}
.qtool-presets{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 2px}
.qtool-preset{cursor:pointer;border:1px solid #d6dbe6;background:#fff;color:#42506b;border-radius:20px;padding:5px 14px;font-size:13px}
.qtool-preset:hover{background:#f0f3f9;border-color:#b9c3d6}
.qtool-preset.active{background:#2a6df4;color:#fff;border-color:#2a6df4}
@media(max-width:640px){.qtool-calc{grid-template-columns:1fr}.qtool-seg{width:100%}.qtool-seg label{flex:1;justify-content:center}}