:root { --tool-ink:#172235; --tool-muted:#6d7890; --tool-line:#e7ebf2; --tool-accent:#2563eb; --tool-bg:#f5f7fb; }
* { box-sizing:border-box; }
html,body { min-height:100%; margin:0; }
body.tool-page { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; line-height:1.6; color:var(--tool-ink); background:var(--tool-bg); }
.pl-0 { padding-left: 0; }
.pl-1 { padding-left: 0.25rem; }
.pl-2 { padding-left: 0.5rem; }
.pl-3 { padding-left: 1rem; }
.pl-4 { padding-left: 1.5rem; }
.pl-5 { padding-left: 3rem; }
.pr-0 { padding-right: 0; }
.pr-1 { padding-right: 0.25rem; }
.pr-2 { padding-right: 0.5rem; }
.pr-3 { padding-right: 1rem; }
.pr-4 { padding-right: 1.5rem; }
.pr-5 { padding-right: 3rem; }
.ml-0 { margin-left: 0; }
.ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-3 { margin-left: 1rem; }
.ml-4 { margin-left: 1.5rem; }
.ml-5 { margin-left: 3rem; }
.mr-0 { margin-right: 0; }
.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 1rem; }
.mr-4 { margin-right: 1.5rem; }
.mr-5 { margin-right: 3rem; }
.tool-shell { width:min(1600px,calc(100% - 40px)); margin:0 auto; }
.tool-header { background:#fff; border-bottom:1px solid var(--tool-line); }
.tool-header-inner { display:flex; gap:34px; align-items:center; min-height:154px; }
.tool-heading { flex:1; min-width:0; }
.tool-kicker { font-size:11px; font-weight:700; color:var(--tool-accent); letter-spacing:1.5px; }
.tool-title { margin:4px 0 3px; font-size:clamp(24px,3vw,34px); font-weight:700; line-height:1.25; color:var(--tool-ink); }
.tool-description { max-width:700px; margin:0; font-size:14px; color:var(--tool-muted); }
.tool-back-button { flex:0 0 auto; padding:4px 0;font:inherit; color:var(--tool-muted);cursor:pointer;  background:transparent; border:0;  }
.tool-back-button:hover { color:var(--tool-accent); }
.tool-main { padding:20px 0; }
.tool-card { min-height:300px; padding:20px; overflow:hidden; background:#fff; border:1px solid var(--tool-line); border-radius:10px; box-shadow:0 10px 30px rgba(29,49,84,.06); }
.tool-card.is-standalone { padding:0; }
.tool-fragment { width:100%; }
.tool-frame { display:block; width:100%; min-height:min(760px,calc(100vh - 260px)); background:#fff; border:0; }
.tool-footer { display:flex; gap:14px; align-items:center; justify-content:center; padding:24px 0 0; font-size:13px; color:#8a94a8; }
.back-link { display:inline-flex; gap:7px; align-items:center; color:var(--tool-accent); text-decoration:none; }
.back-link:hover { color:#1749b5; }
.tool-footer-separator { width:1px; height:14px; background:#cdd4df; }
@media (max-width:680px) {
  .tool-shell { width:min(100% - 28px,1240px); }
  .tool-header-inner { flex-wrap:wrap; gap:10px 18px; min-height:142px; padding:22px 0; }
  .tool-heading { flex-basis:100%; order:3; }
  .tool-back-button { margin-left:auto; }
  .tool-title { font-size:26px; }
  .tool-main { padding-top:20px; }
  .tool-card { padding:20px 16px; border-radius:8px; }
  .tool-card.is-standalone { padding:0; }
  .tool-footer { flex-wrap:wrap; gap:8px 12px; text-align:center; }
  .tool-footer-separator { display:none; }
}