/* ===== 网页减面（挂在壁厚预检上传区） =====
   只作用于 .fx-dec-* / #fxDecimateModal / #fxLargeModal，避免影响原来的检测界面。 */

.fx-dec-entry{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  margin:12px 5px 0;height:32px;padding:0 14px;
  border:1px solid #f3c6ba;border-radius:999px;background:#fff6f1;color:#d95742;
  font-family:inherit;font-size:11px;font-weight:650;cursor:pointer;
  transition:all .2s;position:relative;z-index:12;pointer-events:auto;
}
.fx-dec-entry:hover{background:#ff6b57;border-color:#ff6b57;color:#fff;transform:translateY(-1px)}
.fx-dec-entry::before{content:"✂";font-size:10px;margin-right:2px}

.fx-dec-modal{
  position:fixed;inset:0;z-index:230;display:flex;align-items:center;justify-content:center;
  padding:18px;background:rgba(22,18,15,.52);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.fx-dec-modal[hidden]{display:none!important}
.fx-dec-box{
  width:min(620px,94vw);max-height:92vh;overflow:auto;
  background:#fffdf9;border:1px solid rgba(255,255,255,.7);border-radius:20px;
  padding:22px 24px 20px;box-shadow:0 32px 90px rgba(20,15,10,.34);
  animation:fxDecIn .28s cubic-bezier(.2,.8,.2,1);
}
.fx-dec-box.fx-large-box{width:min(480px,94vw)}
@keyframes fxDecIn{from{opacity:0;transform:translateY(12px) scale(.985)}}
.fx-dec-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.fx-dec-kicker{display:block;font-family:"SFMono-Regular",Consolas,monospace;font-size:8px;letter-spacing:.18em;color:#b6a798;margin-bottom:5px}
.fx-dec-head h3{margin:0;font-size:19px;line-height:1.35;letter-spacing:-.02em;color:#1d1b1a}
.fx-dec-x{border:0;background:transparent;color:#a99aa3;font-size:24px;line-height:1;cursor:pointer;padding:0 4px;border-radius:7px;flex:none}
.fx-dec-x:hover{background:#f7eee8;color:#c2410c}
.fx-dec-note{font-size:11px;line-height:1.7;color:#8a7b70;background:#fbf5ee;border:1px solid #f1e4d8;border-radius:10px;padding:9px 11px;margin:12px 0}
.fx-dec-note b{color:#b45309}
.fx-dec-hint{font-size:10.5px;line-height:1.6;color:#a29687;margin:9px 0 0;text-align:center}

.fx-dec-pick{padding:2px 0 4px}
.fx-dec-drop{
  width:100%;display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:30px 18px;border:2px dashed #f0c9bf;border-radius:16px;background:#fff9f4;
  color:#7a6f74;font-family:inherit;cursor:pointer;transition:all .18s;
}
.fx-dec-drop:hover,.fx-dec-drop.is-over{border-color:#ff8f7f;background:#fff3ec}
.fx-dec-drop-icon{font-size:26px;line-height:1;margin-bottom:3px}
.fx-dec-drop b{font-size:14px;color:#3a3440}
.fx-dec-drop span{font-size:11px;line-height:1.65;color:#9b8e93;max-width:430px}
.fx-dec-filebar{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #f3e2da;background:#fffaf7;border-radius:12px;margin-bottom:12px}
.fx-dec-filebar .fi{flex:1;min-width:0}
.fx-dec-filebar b{display:block;font-size:12.5px;color:#3a3440;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-dec-filebar span{display:block;font-size:10.5px;color:#9b8e93;margin-top:2px}
.fx-dec-filebar .badge{flex:none;font-size:9px;color:#e0604c;background:#fff2ee;border-radius:999px;padding:3px 8px}
.fx-dec-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.fx-dec-fact{border:1px solid #f5e8e1;border-radius:10px;padding:8px 10px;background:#fff}
.fx-dec-fact span{display:block;font-size:9.5px;color:#a99aa3;margin-bottom:2px}
.fx-dec-fact b{display:block;font-size:13px;color:#3a3440;font-variant-numeric:tabular-nums}
.fx-dec-section{margin:13px 0}
.fx-dec-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;color:#4b4652;margin-bottom:8px}
.fx-dec-label span{font-size:10px;font-weight:400;color:#a99aa3}
.fx-dec-presets{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:9px}
.fx-dec-presets button{
  border:1px solid #eee0d7;background:#fff;border-radius:9px;padding:7px 11px;
  font-family:inherit;font-size:11px;color:#6d6268;cursor:pointer;transition:all .15s;
}
.fx-dec-presets button:hover{border-color:#f3b6a8;color:#d95742}
.fx-dec-presets button.active{background:#fff1eb;border-color:#ff9a8b;color:#c2410c;font-weight:700}
.fx-dec-target-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fx-dec-target-row input{
  width:150px;border:1px solid #e9dcd2;border-radius:9px;padding:8px 10px;
  font-family:inherit;font-size:13px;color:#1d1b1a;font-variant-numeric:tabular-nums;background:#fff;
}
.fx-dec-target-row input:focus{outline:none;border-color:#ff9a8b;box-shadow:0 0 0 3px rgba(255,122,107,.12)}
.fx-dec-target-row em{font-style:normal;font-size:11px;color:#9b8e93}
.fx-dec-target-row strong{font-size:11px;color:#c2410c;font-weight:650}
.fx-dec-checks{display:flex;gap:16px;flex-wrap:wrap;padding:2px 0}
.fx-dec-checks label{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#5c5560;cursor:pointer}
.fx-dec-checks input{accent-color:#ff6b57}
.fx-dec-checks label.is-off{color:#b7aaa2;cursor:default}
.fx-dec-checks label.is-off input{opacity:.45}
.fx-dec-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}
.fx-dec-btn{
  height:38px;padding:0 16px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:650;
  cursor:pointer;border:1px solid #e9dfd1;background:#fff;color:#3d3742;transition:all .16s;
}
.fx-dec-btn:hover{border-color:#cbbfb2}
.fx-dec-btn.primary{background:#ff6b57;border-color:#ff6b57;color:#fff;box-shadow:0 6px 18px rgba(255,107,87,.2)}
.fx-dec-btn.primary:hover{background:#e9523e;border-color:#e9523e}
.fx-dec-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.fx-dec-btn.ghost{background:#fffdf9}

.fx-dec-state{padding:8px 0 2px;text-align:center}
.fx-dec-state>p{font-size:11.5px;line-height:1.7;color:#7c736a;margin:8px 0 0}
.fx-dec-spinner{
  width:38px;height:38px;margin:14px auto 16px;border-radius:50%;
  border:3px solid #ffe0d6;border-top-color:#ff6b57;animation:fxDecSpin .8s linear infinite;
}
@keyframes fxDecSpin{to{transform:rotate(360deg)}}
.fx-dec-run-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:#4b4652;margin:12px 0 8px}
.fx-dec-run-head b{font-size:13px}
.fx-dec-run-head span{font-variant-numeric:tabular-nums;color:#e0604c;font-weight:700}
.fx-dec-track{height:7px;border-radius:7px;background:#f4e9e1;overflow:hidden}
.fx-dec-track i{display:block;height:100%;width:0;border-radius:7px;background:linear-gradient(90deg,#ff8f7f,#ffd166);transition:width .45s ease}
.fx-dec-run-msg{font-size:11px;color:#9b8e93;margin-top:9px;min-height:17px}

.fx-dec-result-head{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #d9ecd9;background:#f3fbf3;border-radius:13px;margin-bottom:13px}
.fx-dec-result-head .ico{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dcf2dd;color:#27833f;font-size:17px;flex:none}
.fx-dec-result-head b{display:block;font-size:13px;color:#1f5c30}
.fx-dec-result-head span{display:block;font-size:10.5px;color:#658a6d;margin-top:2px}
.fx-dec-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.fx-dec-result-item{border:1px solid #f0e6dc;border-radius:10px;padding:8px 10px;background:#fff}
.fx-dec-result-item span{display:block;font-size:9.5px;color:#a99aa3;margin-bottom:2px}
.fx-dec-result-item b{display:block;font-size:12.5px;color:#3a3440;font-variant-numeric:tabular-nums}
.fx-dec-verdict{margin-top:10px;padding:9px 11px;border-radius:10px;font-size:11px;line-height:1.65;background:#fbf5ee;border:1px solid #f1e4d8;color:#7a6b5e}
.fx-dec-verdict b{color:#4b4652}
.fx-dec-verdict.excellent{background:#f3fbf3;border-color:#d9ecd9;color:#4d7a58}
.fx-dec-verdict.good{background:#f7fbf3;border-color:#e2edd8;color:#5f7a4d}
.fx-dec-verdict.fair{background:#fff9ee;border-color:#f6e6c8;color:#8a6a34}
.fx-dec-verdict.aggressive{background:#fff4f0;border-color:#ffd9cf;color:#a24a37}
.fx-dec-downloads{margin-top:12px;font-size:10.5px;color:#9b8e93;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.fx-dec-downloads a{color:#c2410c;text-decoration:none;border-bottom:1px dashed #f0c9bf;padding-bottom:1px}
.fx-dec-downloads a:hover{color:#e9523e}
.fx-dec-result-actions{justify-content:space-between}

.fx-large-box .fx-dec-head h3{font-size:18px}
.fx-large-lead{font-size:12.5px;line-height:1.8;color:#5c5560;margin:0 0 12px}
.fx-large-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.fx-large-meta .fx-dec-fact b{font-size:12px}
.fx-large-meta .fx-dec-fact b.warn{color:#c2410c}
.fx-large-box .fx-dec-actions{justify-content:center;margin-top:16px}
.fx-large-box .fx-dec-actions .fx-dec-btn{min-width:132px}

.fx-dec-toast{
  position:fixed;left:50%;bottom:42px;transform:translate(-50%,14px);z-index:260;
  padding:10px 16px;border-radius:12px;background:#1d1b1a;color:#fffdf9;
  font-size:12px;line-height:1.5;box-shadow:0 16px 40px rgba(0,0,0,.24);
  opacity:0;transition:all .25s ease;max-width:min(420px,88vw);text-align:center;
}
.fx-dec-toast.show{opacity:1;transform:translate(-50%,0)}
body.fx-dec-open{overflow:hidden!important}

@media (max-width:640px){
  .fx-dec-box{padding:18px 16px 16px;border-radius:16px}
  .fx-dec-head h3{font-size:17px}
  .fx-dec-facts{grid-template-columns:repeat(2,1fr)}
  .fx-dec-result-grid{grid-template-columns:1fr}
  .fx-dec-actions{justify-content:stretch}
  .fx-dec-actions .fx-dec-btn{flex:1}
  .fx-large-meta{grid-template-columns:1fr}
  .fx-dec-drop{padding:24px 12px}
  .fx-dec-entry{font-size:10.5px;height:30px}
}
