/* 52Lift 官网：二级菜单 + 尺寸条 + 工具卡 + 文档页 */
.top{gap:24px}
.nav{display:flex;gap:4px;margin-right:auto;margin-left:28px}
.nav a{font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:8px}
.nav a:hover{color:var(--blue);background:var(--blue-soft)}
.nav a.on{color:var(--blue)}
.top-r{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-btn span{display:block;width:16px;height:2px;background:var(--ink);border-radius:2px}
.headline{font-size:46px}
.sizes{border:1px solid var(--line);border-radius:12px;padding:8px 10px;margin-bottom:8px;display:flex;align-items:center;gap:10px;background:#fbfcfe}
.sz-list{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.sz{font-size:12px;background:var(--blue-soft);color:var(--blue-strong);border-radius:6px;padding:3px 8px;white-space:nowrap}
.sz.eng{background:#f1f3f6;color:var(--muted)}
.sz-tools{display:flex;gap:6px;flex:none}
.sz-tools button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;color:var(--ink)}
.sz-tools button:hover{border-color:var(--blue);color:var(--blue)}
.card iframe.v3d{display:block;width:100%;max-width:520px;height:340px;border:1px solid var(--line);border-radius:8px;margin-top:10px;background:#eef2f8}
.card a img{cursor:zoom-in}
.page .doc{flex:1;width:100%;max-width:980px;margin:0 auto;padding:56px 48px 64px}
.doc h1{font-size:34px;font-weight:650;letter-spacing:-.03em}
.doc .lead{margin-top:10px;color:var(--muted);font-size:16px}
.cards{margin-top:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.tcard{position:relative;display:block;border:1px solid var(--line);border-radius:14px;padding:22px;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s,box-shadow .15s}
.tcard:hover{border-color:var(--blue);box-shadow:0 14px 30px rgba(21,69,141,.08)}
.tcard h3{font-size:18px;font-weight:650;margin-top:10px}
.tcard p{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.6}
.tcard .go{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:var(--blue)}
.st{font-size:11px;font-weight:700;border-radius:4px;padding:2px 8px}
.st.ok{background:#e6f4ec;color:var(--ok)}.st.part{background:#fff4dc;color:var(--warn)}.st.no{background:#f1f3f6;color:var(--muted)}
.rows{margin-top:28px;display:grid;gap:0;border-top:1px solid var(--line)}
.rows .r{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.rows h3{font-size:16px;font-weight:650}.rows p{color:var(--muted);font-size:15px;line-height:1.65}
.muted{margin-top:22px;color:#8a97a8;font-size:13px}
.sizes-now{margin-top:28px}.sizes-now h4{font-size:13px;color:var(--muted);margin-bottom:8px;font-weight:600}
@media (max-width:860px){
  .nav{display:none;position:absolute;top:64px;left:12px;right:12px;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 18px 40px rgba(31,46,67,.12);z-index:20;margin:0}
  .nav.open{display:flex}
  .nav a{padding:12px 14px;font-size:15px}
  .menu-btn{display:inline-flex}
  .top{position:relative}
  .logo .sep,.logo .desc{display:none}
}
@media (max-width:720px){
  .headline{font-size:29px}
  .sizes{flex-direction:column;align-items:stretch;gap:8px}
  .sz-tools{overflow-x:auto}
  .sz-tools button{flex:1}
  .page .doc{padding:28px 18px 40px}
  .doc h1{font-size:26px}
  .cards{grid-template-columns:1fr}
  .rows .r{grid-template-columns:1fr;gap:6px}
  .card iframe.v3d{height:280px}
}
@media (max-width:720px){
  .sz-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sz-list::-webkit-scrollbar{display:none}
  .sizes{padding:6px 8px;gap:6px}
  .sz-tools button{padding:6px 8px}
}

/* 首页工具栏（52Lift VI：#15458D / #0B1F44 / #EAF1FB） */
.tools-bar{margin-top:18px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;max-width:760px;width:100%}
.tools-bar .tool{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;border:1px solid #D5E2F5;border-radius:12px;background:#fff;color:#0B1F44;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1.3;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.tools-bar .tool svg{width:22px;height:22px;fill:none;stroke:#15458D;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tools-bar .tool:hover,.tools-bar .tool:focus-visible{background:#EAF1FB;border-color:#15458D;color:#15458D;outline:none}
@media (max-width:720px){.tools-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tools-bar .tool{padding:10px 2px 9px;font-size:12px}}
@media (max-width:360px){.tools-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}