/* ======================================================================
   低温慢煮时间表 · 水浴青 + 三文鱼粉主题
   浅色 = 水盆浅青 + 粉橙点缀；深色 = 深夜厨房水槽 + 霓虹青粉
   ====================================================================== */
.svt{
  --ink:#173037; --sub:#5c7d86; --faint:#9db8bf;
  --bg:#eef7f8; --card:#ffffff; --card2:#e2f1f3; --line:#c9e2e6; --line2:#dcedf0;
  --pri:#0e7490; --pri-2:#0891b2; --pri-soft:#dff0f4; --pri-ink:#0b5a6e;
  --pink:#e8798a; --pink-2:#f0989f; --pink-soft:#fde9ec; --pink-ink:#c04a61;
  --ok:#2f7d5a; --ok-soft:#e2f3ea;
  --warn:#a16207; --warn-soft:#faf0d3;
  --bad:#b42323; --bad-soft:#fbe6e6;
  --r:14px;
  --shadow:0 1px 2px rgba(23,48,55,.06),0 10px 28px rgba(23,48,55,.09);
  color:var(--ink);
  font-family:-apple-system,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:15px; line-height:1.75;
  background:
    radial-gradient(900px 400px at 90% -140px, rgba(232,121,138,.10), transparent 60%),
    radial-gradient(760px 380px at -6% 130%, rgba(14,116,144,.08), transparent 60%),
    var(--bg);
  padding:0 16px 56px;
}
:root[data-theme="dark"] .svt{
  --ink:#dcefF2; --sub:#8fb2ba; --faint:#5f7f88;
  --bg:#08161a; --card:#0f2126; --card2:#142a30; --line:#24424b; --line2:#1c3740;
  --pri:#22d3ee; --pri-2:#67e8f9; --pri-soft:rgba(34,211,238,.12); --pri-ink:#a5f3fc;
  --pink:#fb7185; --pink-2:#fda4af; --pink-soft:rgba(251,113,133,.12); --pink-ink:#fecdd3;
  --ok:#6ee7b7; --ok-soft:rgba(110,231,183,.12);
  --warn:#fbbf24; --warn-soft:rgba(251,191,36,.12);
  --bad:#f87171; --bad-soft:rgba(248,113,113,.12);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.45);
}
.svt *{box-sizing:border-box;}
.svt b{font-weight:700;}
.svt-wrap{max-width:1120px;margin:0 auto;}
.svt input,.svt select{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;}

/* ---------- Hero：水浴盆 ---------- */
.svt-hero{margin-top:22px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--card);position:relative;}
.svt-tank{height:120px;position:relative;background:linear-gradient(180deg,var(--pri-soft),var(--card2));overflow:hidden;}
.svt-wave{position:absolute;left:-50%;bottom:0;width:200%;height:56px;background:var(--pri);opacity:.16;border-radius:45% 42% 0 0/38% 40% 0 0;animation:svtBob 5s ease-in-out infinite;}
.svt-wave.w2{background:var(--pink);opacity:.14;height:44px;animation:svtBob 6.5s ease-in-out infinite reverse;}
@keyframes svtBob{0%,100%{transform:translateY(6px) rotate(-1deg);}50%{transform:translateY(-6px) rotate(1deg);}}
.svt-tempfloat{position:absolute;right:26px;bottom:26px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 16px;font-family:ui-monospace,monospace;box-shadow:var(--shadow);}
.svt-tempfloat b{font-size:24px;color:var(--pri);}
.svt-tempfloat span{font-size:12px;color:var(--sub);display:block;letter-spacing:.1em;}
.svt-hero-body{padding:20px 28px 24px;}
.svt-hero h1{margin:0 0 8px;font-size:clamp(23px,3.4vw,31px);font-weight:900;}
.svt-hero h1 em{font-style:normal;color:var(--pink-ink);}
.svt-hero p{margin:0;color:var(--sub);font-size:15px;max-width:720px;}
.svt-hero p b{color:var(--ink);}

/* ---------- 工作台 ---------- */
.svt-desk{display:grid;grid-template-columns:400px 1fr;gap:18px;margin-top:20px;}
@media (max-width:920px){.svt-desk{grid-template-columns:1fr;}}
.svt-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;}
.svt-card h2{margin:0 0 12px;font-size:16px;font-weight:900;display:flex;align-items:center;gap:8px;}
.svt-card h2 s{text-decoration:none;color:var(--pri);font-family:ui-monospace,monospace;font-size:14px;}
.svt-field{margin-bottom:12px;}
.svt-field label{display:block;font-size:12.5px;font-weight:700;color:var(--sub);margin-bottom:4px;}
.svt-in{width:100%;padding:9px 12px;border-radius:9px;border:1px solid var(--line);background:var(--card2);color:var(--ink);font-size:14px;outline:none;transition:border-color .15s;}
.svt-in:focus{border-color:var(--pri-2);box-shadow:0 0 0 3px var(--pri-soft);}
.svt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px;}
.svt-chip{border:1px solid var(--line);background:var(--card2);color:var(--sub);border-radius:999px;padding:6px 15px;font-size:13px;cursor:pointer;font-weight:700;transition:all .15s;}
.svt-chip:hover{border-color:var(--pri-2);color:var(--pri-ink);}
.svt-chip.on{background:var(--pri);border-color:var(--pri);color:#eafcff;}
:root[data-theme="dark"] .svt-chip.on{color:#06222a;}
.svt-chip.pinkk.on{background:var(--pink);border-color:var(--pink);color:#fff0f2;}
.svt-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.svt-btn{border:none;border-radius:9px;padding:9px 17px;font-size:13.5px;font-weight:800;cursor:pointer;transition:all .15s;}
.svt-btn-go{background:var(--pri);color:#eafcff;}
:root[data-theme="dark"] .svt-btn-go{color:#06222a;}
.svt-btn-go:hover{background:var(--pri-2);}
.svt-btn-ghost{background:var(--card2);color:var(--pri-ink);border:1px solid var(--line);}
.svt-btn-ghost:hover{border-color:var(--pri-2);}
.svt-msg{margin-top:10px;font-size:13px;min-height:20px;font-weight:700;}
.svt-msg.err{color:var(--bad);}
.svt-msg.ok{color:var(--ok);}

/* ---------- 结果 ---------- */
.svt-big{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
@media (max-width:620px){.svt-big{grid-template-columns:1fr;}}
.svt-bx{border-radius:12px;padding:14px 16px;text-align:center;border:1px solid;}
.svt-bx.temp{background:var(--pri-soft);border-color:var(--pri);}
.svt-bx.time{background:var(--pink-soft);border-color:var(--pink);}
.svt-bx span{display:block;font-size:11.5px;letter-spacing:.1em;font-weight:800;color:var(--sub);}
.svt-bx b{font-size:26px;font-family:ui-monospace,monospace;display:block;margin-top:2px;}
.svt-bx.temp b{color:var(--pri-ink);}
.svt-bx.time b{color:var(--pink-ink);}
.svt-bx small{font-size:12px;color:var(--sub);}
.svt-axis{margin:6px 0 14px;}
.svt-axis svg{width:100%;height:auto;display:block;}
.svt-note{border-radius:11px;padding:11px 14px;font-size:13.5px;border:1px solid;margin-bottom:9px;}
.svt-note.safe{background:var(--ok-soft);border-color:var(--ok);color:var(--ok);}
.svt-note.warnn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn);}
.svt-note.tip{background:var(--card2);border-color:var(--line);color:var(--sub);}
.svt-note b{display:block;color:inherit;}
.svt-note.tip b{color:var(--ink);}

/* ---------- 速查表 ---------- */
.svt-table{margin-top:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;overflow-x:auto;}
.svt-table h2{margin:0 0 12px;font-size:16px;font-weight:900;}
.svt-table table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px;}
.svt-table th,.svt-table td{border:1px solid var(--line);padding:8px 12px;text-align:left;}
.svt-table th{background:var(--card2);font-weight:800;white-space:nowrap;}
.svt-table td b{color:var(--pri-ink);font-family:ui-monospace,monospace;}

/* ---------- FAQ ---------- */
.svt-faq{margin-top:34px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 26px;box-shadow:var(--shadow);}
.svt-faq h2{margin:0 0 12px;font-size:19px;font-weight:900;}
.svt-faq h3{margin:18px 0 6px;font-size:15.5px;font-weight:800;color:var(--pri-ink);}
.svt-faq p{margin:0;color:var(--sub);font-size:14px;}
.svt-faq p b{color:var(--ink);}
.svt-note2{margin-top:12px;font-size:12.5px;color:var(--faint);}