/* ============================================================
   锦棠造价系统 · 站点工具层（site-tools）
   —— 官网联动：带参预填 + 漏损风险评估 + 选材对照助手
   由 nginx sub_filter 注入，独立于 Vue SPA，重建 index.html 也不丢。
   ============================================================ */
#jt-st-banner{
  position:sticky;top:0;left:0;right:0;z-index:99990;
  background:linear-gradient(90deg,var(--st-navy,#1c3d5e),var(--st-navy-2,#16314b));
  color:#fff;font:500 13px/1.5 system-ui,"Microsoft YaHei",sans-serif;
  padding:9px 40px 9px 16px;box-shadow:0 2px 10px rgba(20,40,60,.18);
}
#jt-st-banner b{color:#7fe3f0}
#jt-st-banner .x{position:absolute;right:12px;top:50%;transform:translateY(-50%);
  cursor:pointer;opacity:.8;font-size:16px;line-height:1;border:0;background:none;color:#fff}
#jt-st-banner .x:hover{opacity:1}

/* 浮层 */
.jt-st-mask{position:fixed;inset:0;z-index:99995;background:rgba(18,32,46,.46);
  display:flex;align-items:flex-start;justify-content:center;padding:5vh 14px;overflow:auto}
.jt-st-panel{width:100%;max-width:580px;background:var(--st-paper,#fff);border-radius:14px;
  box-shadow:0 18px 60px rgba(10,25,40,.32);overflow:hidden;animation:jtstIn .18s ease}
@keyframes jtstIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.jt-st-head{background:linear-gradient(90deg,var(--st-navy,#1c3d5e),var(--st-navy-3,#2f6da3));
  color:#fff;padding:15px 18px;display:flex;align-items:center;gap:10px}
.jt-st-head .ic{font-size:20px}
.jt-st-head h3{margin:0;font-size:16px;font-weight:700}
.jt-st-head .sub{font-size:12px;opacity:.82;margin-top:2px}
.jt-st-head .close{margin-left:auto;background:none;border:0;color:#fff;font-size:22px;
  line-height:1;cursor:pointer;opacity:.85}
.jt-st-head .close:hover{opacity:1}
.jt-st-body{padding:16px 18px 20px}
.jt-st-field{margin-bottom:13px}
.jt-st-field>label{display:block;font-size:13px;font-weight:600;color:var(--st-ink,#243240);margin-bottom:6px}
.jt-st-field select,.jt-st-field input{width:100%;padding:9px 11px;border:1px solid var(--st-rule,#e3e9f0);
  border-radius:9px;font-size:14px;color:var(--st-ink,#243240);background:#fff;box-sizing:border-box;
  font-family:inherit}
.jt-st-field select:focus,.jt-st-field input:focus{outline:none;border-color:var(--st-navy-3,#2f6da3);
  box-shadow:0 0 0 3px rgba(47,109,163,.15)}
.jt-st-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jt-st-btn{margin-top:6px;width:100%;padding:11px;border:0;border-radius:10px;cursor:pointer;
  background:var(--st-navy,#1c3d5e);color:#fff;font-size:14px;font-weight:700;font-family:inherit}
.jt-st-btn:hover{background:var(--st-navy-2,#16314b)}
.jt-st-res{margin-top:16px;border:1px solid var(--st-rule,#e3e9f0);border-radius:12px;overflow:hidden}
.jt-st-res .lv{padding:12px 16px;color:#fff;font-weight:700;font-size:15px;display:flex;
  align-items:center;gap:8px}
.jt-st-res .lv.low{background:var(--st-jade,#2e9e6b)}
.jt-st-res .lv.mid{background:var(--st-amber,#d9920a)}
.jt-st-res .lv.high{background:#e8730c}
.jt-st-res .lv.urgent{background:var(--st-seal,#c0392b)}
.jt-st-res .sec{padding:12px 16px;border-top:1px solid var(--st-rule,#e3e9f0)}
.jt-st-res .sec h4{margin:0 0 7px;font-size:13px;color:var(--st-navy,#1c3d5e)}
.jt-st-res .sec ul{margin:0;padding-left:18px}
.jt-st-res .sec li{font-size:13px;color:var(--st-ink-2,#5a6b7b);margin:3px 0;line-height:1.55}
.jt-st-res .sec.warn li{color:var(--st-seal,#c0392b)}
.jt-st-mall{display:inline-block;margin-top:8px;padding:7px 13px;border-radius:8px;
  background:var(--st-navy-100,#eaf1f8);color:var(--st-navy,#1c3d5e);font-size:13px;
  font-weight:600;text-decoration:none}
.jt-st-mall:hover{background:#dceaf7}
.jt-st-note{font-size:12px;color:var(--st-ink-2,#5a6b7b);margin-top:10px;line-height:1.5}

/* 悬浮启动器 */
#jt-st-fab{position:fixed;left:16px;bottom:16px;z-index:99992;display:flex;flex-direction:column;
  align-items:flex-start;gap:8px;font-family:system-ui,"Microsoft YaHei",sans-serif}
#jt-st-fab .trigger{display:inline-flex;align-items:center;gap:7px;background:var(--st-navy,#1c3d5e);
  color:#fff;border:0;border-radius:24px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;
  box-shadow:0 6px 20px rgba(20,40,60,.28)}
#jt-st-fab .trigger:hover{background:var(--st-navy-2,#16314b)}
#jt-st-fab .menu{display:none;flex-direction:column;gap:6px;background:#fff;border-radius:12px;
  padding:8px;box-shadow:0 10px 30px rgba(10,25,40,.22);min-width:188px}
#jt-st-fab.open .menu{display:flex}
#jt-st-fab .menu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;
  background:none;border:0;border-radius:8px;padding:9px 11px;font-size:13px;color:var(--st-ink,#243240);
  cursor:pointer;font-family:inherit}
#jt-st-fab .menu button:hover{background:var(--st-navy-100,#eaf1f8)}
#jt-st-fab .menu .em{font-size:16px}

@media (max-width:560px){
  .jt-st-grid{grid-template-columns:1fr}
  .jt-st-panel{max-width:100%}
  #jt-st-fab .trigger span.t{display:none}
}