/* ============================================================
   伊链科技 · 官网工具页共用样式（冷淡风 · 与 index.html 同一套设计令牌）
   ============================================================ */
:root{
  --ink:#12182a;--ink2:#3d4661;--muted:#727c93;--line:#e6eaf2;--line2:#f0f3f8;
  --bg:#ffffff;--soft:#f7f9fc;--soft2:#eef2f9;
  --brand:#0d7a55;--brand-2:#0a6344;--brand-soft:#eaf7f1;
  --gold:#a8791a;--gold-soft:#fdf6e7;
  --red:#c92a2a;
  --r:14px;
  --shadow:0 1px 2px rgba(16,24,48,.04),0 8px 28px rgba(16,24,48,.06);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{-webkit-text-size-adjust:100%;}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.7;
  -webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}

.wrap{max-width:680px;margin:0 auto;padding:0 22px;}
.sec{padding:36px 0 56px;}

/* ---------- 顶栏 ---------- */
.sitebar{background:rgba(255,255,255,.92);color:var(--ink);position:sticky;top:0;z-index:60;
  backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line);}
.sitebar .in{max-width:680px;margin:0 auto;padding:11px 22px;display:flex;
  align-items:center;gap:11px;}
.sitebar .mark{width:30px;height:30px;flex:0 0 auto;display:block;}
.sitebar .nm{font-size:14px;font-weight:600;letter-spacing:.2px;line-height:1.25;}
.sitebar .sub{font-size:11px;color:var(--muted);letter-spacing:.02em;}
.sitebar .sp{flex:1;}
.sitebar .back{font-size:12.5px;color:var(--muted);font-weight:500;white-space:nowrap;
  border:1px solid var(--line);border-radius:8px;padding:5px 11px;transition:.16s;}
.sitebar .back:hover{border-color:var(--brand);color:var(--brand);}

/* ---------- 页头 ---------- */
.pagehead{padding:34px 0 8px;}
.kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;
  color:var(--brand);background:var(--brand-soft);padding:5px 12px;border-radius:99px;margin-bottom:14px;}
h1{font-size:27px;line-height:1.3;letter-spacing:-.6px;font-weight:700;}
h2{font-size:20px;line-height:1.35;letter-spacing:-.3px;font-weight:700;}
.lead{font-size:15.5px;color:var(--muted);margin-top:12px;}

/* ---------- 表单工具 ---------- */
.tools{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);
  padding:22px;margin-top:20px;}
.tools-tabs{display:flex;gap:6px;margin-bottom:18px;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:4px;}
.tools-tabs button{flex:1;border:none;background:none;font-family:inherit;font-size:13.5px;
  font-weight:600;color:var(--muted);padding:9px 10px;border-radius:7px;cursor:pointer;transition:.16s;}
.tools-tabs button.on{background:var(--soft2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);}
.tools-pane{display:none;}
.tools-pane.on{display:block;}
.t-field{margin-bottom:14px;}.t-field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:6px;}
.t-field label em{font-style:normal;font-weight:500;color:var(--muted);font-size:11.5px;}

/* ---------- 问卷分组 ---------- */
.q-group{padding:18px 0;border-bottom:1px dashed var(--line);}
.q-group:last-of-type{border-bottom:none;padding-bottom:6px;}
.q-gt{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:14px;
  display:flex;align-items:center;gap:9px;}
.q-gt .q-n{width:22px;height:22px;flex:0 0 auto;border-radius:7px;background:var(--brand);
  color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.q-gt em{font-style:normal;font-size:11.5px;font-weight:500;color:var(--muted);}
.q-tip{display:none;font-size:12px;color:var(--gold);background:var(--gold-soft);
  border-radius:7px;padding:7px 11px;margin-bottom:8px;}
.t-field input,.t-field select,.t-field textarea{width:100%;border:1px solid var(--line);
  border-radius:9px;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--ink);
  background:#fff;transition:.16s;resize:vertical;}
.t-field input:focus,.t-field select:focus,.t-field textarea:focus{outline:none;
  border-color:var(--brand);box-shadow:0 0 0 3px rgba(13,122,85,.08);}
.t-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:520px){.t-grid2{grid-template-columns:1fr;}}
.t-chk{display:flex;flex-wrap:wrap;gap:8px;}
.t-chk label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;
  color:var(--ink2);background:#fff;border:1px solid var(--line);border-radius:8px;
  padding:8px 12px;cursor:pointer;transition:.16s;margin:0;}
.t-chk label:hover{border-color:var(--ink2);}
.t-chk input{width:auto;margin:0;}
.t-chk label.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-2);}

.t-out{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px;margin-top:6px;}
.t-out .row{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;
  color:var(--ink2);padding:7px 0;border-bottom:1px solid var(--line2);}
.t-out .row:last-of-type{border-bottom:none;}
.t-out .row .v{font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);}
.t-out .total{border-top:1px solid var(--line);margin-top:6px;padding-top:13px;
  display:flex;justify-content:space-between;align-items:baseline;}
.t-out .total span{font-size:13.5px;color:var(--muted);}
.t-out .total b{font-size:24px;font-weight:700;letter-spacing:-.6px;color:var(--ink);
  font-variant-numeric:tabular-nums;}
.t-out .total.final{border-top:1px dashed var(--line);margin-top:8px;padding-top:14px;}
.t-out .total.final span{color:var(--ink2);font-weight:600;}
.t-out .total.final b{font-size:28px;color:var(--brand);}
.t-out .total:first-of-type b{font-size:20px;color:var(--ink2);font-weight:600;}

/* ---------- 折扣后价格块 ---------- */
.discbox{margin-top:14px;border:1px dashed var(--line);border-radius:11px;padding:13px 15px;
  background:var(--soft);transition:.2s;}
.discbox .db-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;}
.discbox .db-t{font-size:13px;font-weight:600;color:var(--muted);}
.discbox .db-badge{font-size:11px;font-weight:700;color:var(--muted);background:#fff;
  border:1px solid var(--line);border-radius:99px;padding:2px 10px;white-space:nowrap;}
.discbox .db-body{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.discbox .db-v{font-size:26px;font-weight:700;letter-spacing:-.6px;color:#b9c0cf;
  font-variant-numeric:tabular-nums;}
.discbox .db-note{font-size:11.5px;color:var(--muted);line-height:1.55;flex:1 1 180px;}
/* 已核价 */
.discbox.ok{border-style:solid;border-color:var(--brand);background:var(--brand-soft);}
.discbox.ok .db-t{color:var(--brand-2);}
.discbox.ok .db-badge.ok{color:#fff;background:var(--brand);border-color:var(--brand);}
.discbox.ok .db-v.ok{color:var(--brand);}
.discbox.ok .db-note{color:var(--brand-2);}

.t-send{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;}
.t-send button,.t-send a{flex:1 1 auto;text-align:center;border:none;font-family:inherit;
  font-size:14.5px;font-weight:600;padding:12px 18px;border-radius:10px;cursor:pointer;
  display:inline-block;transition:.16s;}
.t-send .p{background:var(--brand);color:#fff;}
.t-send .p:hover{background:var(--brand-2);}
.t-send .s{background:#fff;color:var(--ink2);border:1px solid var(--line);}
.t-send .s:hover{border-color:var(--brand);color:var(--brand);}
.t-hint{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.6;}

/* ---------- 提示框 ---------- */
.note{border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:0 10px 10px 0;
  padding:15px 17px;margin:18px 0;font-size:14.5px;color:var(--ink2);line-height:1.75;}
.note.warn{border-color:var(--gold);background:var(--gold-soft);}
.note b{color:var(--ink);}

/* ---------- 结果弹窗 ---------- */
.modal{position:fixed;inset:0;z-index:200;background:rgba(16,24,48,.42);
  backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:20px;}
.modal.on{display:flex;animation:mdIn .18s ease;}
@keyframes mdIn{from{opacity:0}to{opacity:1}}
.modal-card{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:86vh;
  display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(16,24,48,.24);overflow:hidden;
  animation:cardUp .22s cubic-bezier(.2,.8,.3,1);}
@keyframes cardUp{from{transform:translateY(14px);opacity:.6}to{transform:none;opacity:1}}
.md-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:16px 18px;border-bottom:1px solid var(--line);}
.md-head span{font-size:14.5px;font-weight:700;color:var(--ink);}
.md-x{border:none;background:none;font-size:24px;line-height:1;color:var(--muted);
  cursor:pointer;padding:0 4px;font-family:inherit;}
.md-x:hover{color:var(--ink);}
.md-body{padding:16px 18px;overflow:auto;flex:1;}
.md-pre{margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;
  line-height:1.75;color:var(--ink2);white-space:pre-wrap;word-break:break-word;}
.md-foot{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--line);background:var(--soft);}
.md-foot button{flex:1;border:none;font-family:inherit;font-size:14px;font-weight:600;
  padding:11px 16px;border-radius:10px;cursor:pointer;transition:.16s;}
.md-copy{background:var(--brand);color:#fff;}
.md-copy:hover{background:var(--brand-2);}
.md-ok{background:#fff;color:var(--ink2);border:1px solid var(--line)!important;}
.md-ok:hover{border-color:var(--brand);color:var(--brand);}

/* ---------- 页脚 ---------- */
footer{background:var(--soft);border-top:1px solid var(--line);color:var(--muted);
  font-size:12px;padding:28px 22px;text-align:center;line-height:1.9;margin-top:40px;}
footer a{color:inherit;text-decoration:none;border-bottom:1px dashed var(--muted);}
footer a:hover{color:var(--brand);border-bottom-color:var(--brand);}