/* ======================================================================
   洗衣符号解读 · 水洗标布纹浅蓝主题
   浅色 = 亚麻浅蓝 + 缝线标签；深色 = 深夜洗衣房 + 荧光标
   ====================================================================== */
.lsd{
  --ink:#1e2a38; --sub:#5f7387; --faint:#9aabb9;
  --bg:#eef3f8; --card:#ffffff; --card2:#e3ecf4; --line:#ccd9e6; --line2:#dde7f1;
  --pri:#2563a8; --pri-2:#3b82c4; --pri-soft:#ddebf7; --pri-ink:#1a4a80;
  --tag:#f6f2e8; --tag-line:#c9bfa6; --tag-ink:#4a4436;
  --ok:#2f7d5a; --ok-soft:#e2f3ea;
  --warn:#a16207; --warn-soft:#faf0d3;
  --bad:#b42323; --bad-soft:#fbe6e6;
  --r:14px;
  --shadow:0 1px 2px rgba(30,42,56,.06),0 10px 26px rgba(30,42,56,.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 92% -140px, rgba(59,130,196,.10), transparent 60%),
    repeating-linear-gradient(0deg, transparent 0 22px, rgba(95,115,135,.035) 22px 23px),
    repeating-linear-gradient(90deg, transparent 0 22px, rgba(95,115,135,.035) 22px 23px),
    var(--bg);
  padding:0 16px 56px;
}
:root[data-theme="dark"] .lsd{
  --ink:#dbe6f0; --sub:#8ba0b4; --faint:#5c7186;
  --bg:#0b1219; --card:#131d27; --card2:#182634; --line:#27394d; --line2:#1f3042;
  --pri:#60a5fa; --pri-2:#93c5fd; --pri-soft:rgba(96,165,250,.13); --pri-ink:#bfdbfe;
  --tag:#2a2c26; --tag-line:#4b4d43; --tag-ink:#d8d5c4;
  --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 30px rgba(0,0,0,.45);
}
.lsd *{box-sizing:border-box;}
.lsd b{font-weight:700;}
.lsd-wrap{max-width:1120px;margin:0 auto;}

/* ---------- Hero：缝线水洗标 ---------- */
.lsd-hero{margin-top:22px;display:flex;gap:18px;align-items:center;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--card);padding:24px 26px;}
.lsd-tagvis{
  flex:none;width:150px;height:190px;background:var(--tag);border:2px dashed var(--tag-line);
  border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  transform:rotate(-3deg);box-shadow:var(--shadow);
}
.lsd-tagvis b{color:var(--tag-ink);font-size:11px;letter-spacing:.22em;font-family:ui-monospace,monospace;}
.lsd-tagvis .lsd-sym{display:flex;gap:6px;color:var(--tag-ink);}
.lsd-tagvis .lsd-sym svg{width:26px;height:26px;}
.lsd-hero-body h1{margin:0 0 8px;font-size:clamp(23px,3.4vw,31px);font-weight:900;}
.lsd-hero-body h1 em{font-style:normal;color:var(--pri);}
.lsd-hero-body p{margin:0;color:var(--sub);font-size:15px;max-width:680px;}
.lsd-hero-body p b{color:var(--ink);}
@media (max-width:700px){.lsd-hero{flex-direction:column;align-items:flex-start;}.lsd-tagvis{transform:none;}}

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

/* ---------- 解读 ---------- */
.lsd-view{display:flex;gap:18px;align-items:flex-start;}
@media (max-width:620px){.lsd-view{flex-direction:column;}}
.lsd-big{flex:none;width:150px;height:150px;background:var(--tag);border:2px dashed var(--tag-line);border-radius:12px;display:flex;align-items:center;justify-content:center;}
.lsd-big svg{width:110px;height:110px;color:var(--tag-ink);}
:root[data-theme="dark"] .lsd-big svg{color:var(--tag-ink);}
.lsd-mean{flex:1;}
.lsd-mean h3{margin:0 0 4px;font-size:17px;font-weight:900;}
.lsd-mean .lsd-cat{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.1em;color:var(--pri-ink);background:var(--pri-soft);border-radius:999px;padding:2px 12px;margin-bottom:8px;}
.lsd-mean p{margin:0 0 8px;font-size:14px;color:var(--sub);}
.lsd-mean p b{color:var(--ink);}
.lsd-taboo{background:var(--bad-soft);border:1px solid var(--bad);color:var(--bad);border-radius:10px;padding:9px 13px;font-size:13.5px;}
.lsd-taboo b{color:inherit;}

/* ---------- 我的标签 ---------- */
.lsd-mine{margin-top:16px;}
.lsd-mine h2{margin:0 0 10px;font-size:16px;font-weight:900;display:flex;align-items:center;gap:8px;}
.lsd-mine h2 s{text-decoration:none;color:var(--pri);font-family:ui-monospace,monospace;font-size:14px;}
.lsd-minegrid{display:flex;flex-wrap:wrap;gap:10px;min-height:74px;background:var(--card2);border:1px dashed var(--line);border-radius:12px;padding:12px;}
.lsd-mine-empty{color:var(--faint);font-size:13.5px;align-self:center;}
.lsd-mineitem{background:var(--tag);border:1.5px solid var(--tag-line);border-radius:10px;padding:8px 10px 6px;text-align:center;position:relative;color:var(--tag-ink);min-width:78px;}
.lsd-mineitem svg{width:38px;height:38px;display:block;margin:0 auto;}
.lsd-mineitem span{display:block;font-size:10.5px;font-weight:800;margin-top:2px;}
.lsd-mineitem i{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:var(--bad);color:#fff;border:none;font-style:normal;font-size:12px;line-height:20px;cursor:pointer;text-align:center;}

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