:root{--ac:#5f3dc4;--ink:#191a23;--soft:#f5f4fa;--r:6px}
*{box-sizing:border-box}
body.lt-body{margin:0;font-family:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;color:var(--ink);background:#fff;line-height:1.6}
.lt-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.lt-head{border-bottom:1px solid #e6e8eb;position:sticky;top:0;background:#fff;z-index:10}
/* 🔴 min-height 不能写 height —— 写死高度时，nav 一旦放不下就会溢出到 header 框外
   被视觉裁掉，链接点不到（修前 375px 实测：需要 106px 却只给 62px，
   "Is it legit?"(880/月) 和 "How to buy" 直接跑到边框外面压在正文上）。
   改 min-height 后即使换行 header 也会长高，任何视口宽度下都不会再有够不着的链接。 */
.lt-head .lt-wrap{display:flex;align-items:center;gap:26px;min-height:62px;padding-top:6px;padding-bottom:6px}
.lt-brand{font-weight:800;font-size:19px;text-decoration:none;color:var(--ink);letter-spacing:-.02em}
.lt-brand span{color:var(--ac)}
.lt-nav{display:flex;gap:18px;flex-wrap:wrap}
.lt-nav a{color:#5b6470;text-decoration:none;font-size:14.5px;font-weight:600}
.lt-nav a:hover{color:var(--ac)}
.lt-h1{font-size:clamp(28px,5vw,42px);line-height:1.1;letter-spacing:-.03em;margin:28px 0 10px}
.lt-h2{font-size:22px;margin:30px 0 12px;letter-spacing:-.02em}
.lt-lead{max-width:800px;color:#48505b}
.lt-stats{background:var(--soft);border:1px solid #e6e8eb;border-radius:var(--r);padding:11px 15px;font-size:14.5px;display:inline-block}
.lt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}
.lt-card{border:1px solid #e6e8eb;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;background:#fff}
.lt-cimg img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:var(--soft)}
.lt-cbody{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.lt-ctitle{font-size:14px;font-weight:600;margin:0;line-height:1.35;flex:1}
.lt-cmeta{margin:0;font-size:15px}
.lt-qc{color:#78818d;font-size:12.5px;font-weight:500;margin-left:8px}
.lt-cbuy{font-size:13.5px;font-weight:700;color:var(--ac);text-decoration:none}
.lt-cbuy:hover{text-decoration:underline}
.lt-cta{background:var(--ink);color:#fff;border-radius:var(--r);padding:22px 24px;margin:26px 0}
.lt-cta p{margin:0}
.lt-cta a{color:#fff;font-weight:700}
.lt-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}
.lt-tile{border:1px solid #e6e8eb;border-radius:var(--r);padding:14px 16px;text-decoration:none;color:var(--ink);display:flex;justify-content:space-between;align-items:center;font-size:14.5px}
.lt-tile:hover{border-color:var(--ac);color:var(--ac)}
.lt-tile span{color:#98a1ad;font-size:13px}
.lt-chips a{display:inline-block;border:1px solid #e6e8eb;border-radius:999px;padding:6px 14px;margin:0 7px 8px 0;text-decoration:none;color:var(--ink);font-size:13.5px;font-weight:600}
.lt-qc li{margin:7px 0}
table{border-collapse:collapse;margin:14px 0;font-size:14.5px}
table th,table td{border:1px solid #e6e8eb;padding:8px 12px;text-align:left}
table th{background:var(--soft)}
.lt-idx{list-style:none;padding:0;margin:18px 0;columns:2;column-gap:34px}
.lt-idx li{break-inside:avoid;padding:5px 0;border-bottom:1px solid #eef0f2;font-size:14px;display:flex;justify-content:space-between;gap:12px}
.lt-idx a{color:var(--ink);text-decoration:none}
.lt-idx a:hover{color:var(--ac)}
.lt-idx span{color:#98a1ad;font-size:13px;white-space:nowrap}
@media(max-width:700px){.lt-idx{columns:1}}
.lt-crumb{font-size:13px;color:#78818d;margin:18px 0 4px}
.lt-crumb a{color:#5b6470;text-decoration:none}
.lt-crumb a:hover{color:var(--ac)}
.lt-pd{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;margin:8px 0 10px}
.lt-pdgal{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lt-pdgal img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid #e6e8eb;border-radius:var(--r);background:var(--soft)}
.lt-pdgal img:first-child{grid-column:1/-1;aspect-ratio:4/3}
.lt-pdinfo{position:sticky;top:80px;align-self:start}
.lt-pdbrand{color:var(--ac);font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin:0}
.lt-pdprice{font-size:30px;font-weight:800;margin:6px 0 10px}
.lt-pdnote{color:#5b6470;font-size:14px;margin:0 0 16px}
.lt-pdbuy{display:block;text-align:center;background:var(--ac);color:#fff;font-weight:800;padding:15px;border-radius:var(--r);text-decoration:none;font-size:15.5px}
.lt-pdlinks{margin:12px 0 0;font-size:13.5px}
.lt-pdlinks a{color:#5b6470}
.lt-disc2{color:#78818d;font-size:12.5px;margin:26px 0 0;max-width:880px}
.lt-cgal{font-size:12.5px;color:#78818d;text-decoration:none;margin-top:2px}
.lt-cgal:hover{color:var(--ac);text-decoration:underline}
@media(max-width:860px){.lt-pd{grid-template-columns:1fr}.lt-pdinfo{position:static}}
.lt-foot{border-top:1px solid #e6e8eb;background:var(--soft);margin-top:44px;padding:30px 0}
.lt-fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px;padding-bottom:20px;border-bottom:1px solid #e0e3e7}
.lt-fbrand{max-width:300px}
.lt-fname{font-weight:800;font-size:17px;margin:0 0 8px;letter-spacing:-.02em}
.lt-fname span{color:var(--ac)}
.lt-ftag{color:#78818d;font-size:13px;margin:0;line-height:1.5}
.lt-fbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;
  color:#98a1ad;font-size:12.5px;margin-top:14px}
.lt-fbar a{color:#78818d}
.lt-ftop{margin-left:auto;font-weight:600;text-decoration:none}
.lt-ftop:hover{color:var(--ac)}
.lt-fcontact a{text-decoration:underline}
.lt-fcol{display:flex;flex-direction:column;gap:7px}
.lt-ftitle{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px}
.lt-fcol a{color:#5b6470;text-decoration:none;font-size:13px}
.lt-fcol a:hover{color:var(--ac)}
.lt-disc{color:#78818d;font-size:12.5px;margin:18px 0 8px;max-width:900px}
.lt-copy{color:#98a1ad;font-size:12.5px;margin:0}
@media(max-width:900px){.lt-grid{grid-template-columns:repeat(2,1fr)}.lt-tiles{grid-template-columns:repeat(2,1fr)}
  .lt-fcols{grid-template-columns:1fr 1fr}.lt-fbrand{grid-column:1/-1;max-width:none}
  .lt-ftop{margin-left:0}}
@media(max-width:520px){.lt-grid{grid-template-columns:1fr}}

/* ── 移动端导航（2026-08-10）─────────────────────────────────────────
   （断点 780：实测横排需 721px，留 60px 余量）修前实测 375px：header 写死 62px 而 nav 需要 106px、挤成 3 行、溢出 22px，
   "Is it legit?"(880/月) 和 "How to buy" 两个链接被裁到边框外，用户根本点不到。
   🔑 抽屉的显隐绑 .lt-open 这个【状态类】，不绑视口断点 ——
      断点只负责「汉堡按不按得到」，布局只负责「开没开」，两者永远同步。
      （踩过的坑：抽屉布局只写在媒体查询里、和汉堡可点状态不同步，
        桌面横排样式会在移动端把页面撑宽。）
   关闭用 pointerdown 不用 focusout —— Safari/Firefox 点 <a> 不给焦点，
   focusout 的 relatedTarget 是 null，面板会先 display:none 导致 click 永远到不了链接。 */
[hidden]{display:none !important}   /* 作者样式会盖过 UA 默认，写了 display 就必须补这条 */
.lt-burger{display:none;flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;margin-left:auto;padding:0 10px;background:none;
  border:1px solid #e6e8eb;border-radius:var(--r);cursor:pointer;flex:none}
.lt-burger span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:.18s}
.lt-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.lt-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.lt-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
a:focus-visible,button:focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:3px}
@media(max-width:780px){
  .lt-burger{display:flex}
  .lt-head .lt-wrap{gap:12px;position:relative}
  .lt-brand{font-size:16px;white-space:nowrap}   /* 修前品牌名在 375px 换成两行，进一步挤压 nav */
  .lt-nav{display:none;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;gap:0;background:#fff;padding:4px 20px 12px;
    border-bottom:1px solid #e6e8eb;box-shadow:0 10px 28px rgba(0,0,0,.09)}
  .lt-nav.lt-open{display:flex}
  .lt-nav a{padding:13px 2px;font-size:16px;border-bottom:1px solid #f1f3f5}  /* ≥44px 触控高度 */
  .lt-nav a:last-child{border-bottom:none}
}

/* ── layout variant B ── */
.lt-head{background:var(--soft);border-bottom:none;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.lt-h2{border-left:4px solid var(--ac);padding-left:10px}
.lt-card{border:none;box-shadow:0 1px 2px rgba(15,15,35,.07),0 4px 14px rgba(15,15,35,.06);border-radius:8px}
.lt-tile{background:var(--soft);border:none}
.lt-tile:hover{background:#ece9f7;color:var(--ac)}
.lt-cbuy{display:inline-block;background:var(--ac);color:#fff;padding:7px 12px;border-radius:999px;
  font-size:12.5px;text-align:center}
@media(pointer:coarse){.lt-cbuy{padding:12px 16px;font-size:13.5px}}
.lt-cbuy:hover{text-decoration:none;opacity:.9}
.lt-stats{border:none;border-left:4px solid var(--ac);border-radius:0;background:var(--soft)}
.lt-langbar{background:linear-gradient(90deg,#f5f4fa,#fff);border-left:4px solid var(--ac);
  padding:12px 16px;margin:18px 0;font-size:14.5px}
.lt-langbar a{color:var(--ac);font-weight:700}
.lt-foot{background:#191a23;color:#b6b3c9}
.lt-foot .lt-fname,.lt-foot .lt-ftitle{color:#fff}
.lt-fcol a,.lt-foot .lt-ftag,.lt-foot .lt-disc,.lt-fbar{color:#9b98ad}