/* linmei theme · 1:1 layout rebuild (measured from qefuzhu.com at 1200/390) */
:root {
  --bg: #0d1722;
  --bg-2: #16283c;
  --panel: #17222f;
  --panel-deep: #111a26;
  --footer: #171a21;
  --line: #2e313a;
  --text: #c6d4df;
  --text-light: #ffffff;
  --muted: #59656d;
  --muted-2: #577180;
  --blue: #67c1f5;
  --cyan: #24caba;
  --gold: #ffcc6a;
  --green-bg: #4c6b22;
  --green: #a4d007;
  --buy-bg: #0b2d3b;
  --buy: #acdbf5;
  --danger: #ff5b5b;
  --radius: 6px;
  --wrap: 1200px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  min-width: 320px;
  color: var(--text);
  font: 12px/1.5 Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
  background:
    radial-gradient(ellipse at 18% 0%, rgba(33, 96, 148, .50), transparent 52%),
    radial-gradient(ellipse at 82% 8%, rgba(122, 43, 95, .24), transparent 48%),
    linear-gradient(180deg, #17293d 0%, #0f1c2a 38%, #0a121b 100%);
  background-attachment: fixed;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 48px 48px;
  z-index: -1;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--blue); }
img { max-width: 100%; border: 0; }
ul, ol, dl, dd { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, p { margin: 0; }
button, input { font: inherit; }
button { cursor: pointer; }
.clear { clear: both; }

.lm-wrap { width: var(--wrap); margin: 0 auto; }
@media (max-width: 1199px) {
  .lm-wrap { width: 100%; max-width: 980px; padding: 0 12px; }
}
@media (max-width: 767px) {
  .lm-wrap { max-width: none; padding: 0 2%; }
}

/* ---------- header ---------- */
.lm-header { height: 80px; background: linear-gradient(180deg, rgba(6,12,19,.55), rgba(6,12,19,0)); }
.lm-header-inner { height: 80px; display: flex; align-items: center; gap: 18px; }
.lm-logo { display: flex; align-items: center; gap: 10px; min-width: 250px; color: #fff; }
.lm-logo-mark {
  width: 45px; height: 45px; border-radius: 10px;
  display: grid; place-items: center;
  font: 800 20px/1 Arial, sans-serif; color: #fff;
  background: linear-gradient(135deg, #2b8ec9, #8b2cb0);
  box-shadow: 0 6px 18px rgba(43,142,201,.35);
}
.lm-logo-text { font-size: 24px; font-weight: 800; letter-spacing: 1px; white-space: nowrap; }
.lm-logo-text em { font-style: normal; color: var(--cyan); }
.lm-search {
  width: 186px; height: 36px; display: flex; align-items: center;
  background: #272b33; border: 1px solid #343b46; border-radius: 4px;
  overflow: hidden; margin-left: 35px;
}
.lm-search input { flex: 1; min-width: 0; height: 100%; padding: 0 10px; border: 0; outline: 0; background: transparent; color: #dfe9f0; font-size: 12px; }
.lm-search input::placeholder { color: #8c96a3; }
.lm-search button { width: 34px; height: 100%; border: 0; background: transparent; color: #9fb4c5; font-size: 19px; }
.lm-search button:hover { color: var(--blue); }
.lm-menu-btn { display: none; margin-left: auto; width: 40px; height: 36px; border: 1px solid #39424f; background: #1b2633; color: #cfe5f5; border-radius: 4px; font-size: 18px; }

/* ---------- notice ---------- */
.lm-notice { margin-top: 14px; background: rgba(12, 22, 33, .78); border-top: 1px solid rgba(103,193,245,.10); border-bottom: 1px solid rgba(103,193,245,.10); }
.lm-notice .lm-wrap { height: 32px; display: flex; align-items: center; gap: 8px; color: #b9c9d6; }
.lm-notice-icon { width: 16px; height: 16px; border-radius: 50%; display: grid; place-items: center; background: #2d6f99; color: #fff; font-size: 11px; font-weight: 700; }
.lm-notice a { color: #b9c9d6; }
.lm-notice a:hover { color: #fff; }
.lm-notice-close { margin-left: auto; border: 0; background: transparent; color: #7f91a1; font-size: 18px; line-height: 1; }
.lm-notice.is-hidden { display: none; }

/* ---------- nav ---------- */
.lm-nav { height: 22px; }
.lm-nav .lm-wrap { display: flex; align-items: center; }
.lm-nav ul { display: flex; align-items: center; gap: 40px; }
.lm-nav li { position: relative; }
.lm-nav li > a { display: block; color: #becfd8; font-size: 15px; line-height: 22px; }
.lm-nav li > a:hover, .lm-nav li.is-active > a { color: #fff; }
.lm-nav li.has-sub > a::after { content: "▾"; margin-left: 5px; font-size: 10px; color: #7d94a6; }
.lm-sub {
  display: none; position: absolute; z-index: 80; left: -14px; top: 28px; min-width: 150px;
  padding: 8px 0; background: #111a26; border: 1px solid #2b3948; border-radius: 4px;
  box-shadow: 0 14px 30px rgba(0,0,0,.35);
}
.lm-sub a { display: block; padding: 7px 16px; font-size: 13px; color: #c6d4df; white-space: nowrap; }
.lm-sub a:hover { background: #173248; color: #fff; }
.lm-nav li.has-sub:hover .lm-sub { display: block; }

/* ---------- banner ---------- */
.lm-banner { margin-top: 22px; display: flex; gap: 0; height: 412px; }
.lm-catnav { width: 224px; height: 412px; background: #111a26; border-radius: 6px 0 0 6px; overflow: hidden; flex: 0 0 224px; }
.lm-catnav a { display: flex; align-items: center; gap: 12px; height: 56px; padding: 0 16px; color: #e0e1e1; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,.035); }
.lm-catnav a:hover, .lm-catnav a.on { background: #387196; color: #fff; }
.lm-catnav .ico { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font: 700 12px/1 Arial; color: #fff; background: linear-gradient(135deg,#2b6f97,#7b2cbf); }
.lm-catnav .arrow { margin-left: auto; color: #8da2b2; font-size: 12px; }
.lm-catnav a.help { height: 48px; color: #b8b6b4; }
.lm-banner-main { width: 732px; flex: 1 1 732px; min-width: 0; position: relative; background: #0b1420; }
.lm-slider { position: relative; width: 100%; height: 412px; overflow: hidden; }
.lm-slide { position: absolute; inset: 0; opacity: 0; transition: opacity .45s ease; }
.lm-slide.is-active { opacity: 1; z-index: 1; }
.lm-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lm-dots { position: absolute; z-index: 3; left: 0; right: 0; bottom: 16px; display: flex; justify-content: center; gap: 8px; }
.lm-dots button { width: 22px; height: 4px; padding: 0; border: 0; border-radius: 3px; background: rgba(255,255,255,.35); }
.lm-dots button.on { background: #67c1f5; }
.lm-slider-arrow { position: absolute; z-index: 4; top: 50%; transform: translateY(-50%); width: 34px; height: 54px; border: 0; background: rgba(0,0,0,.18); color: rgba(255,255,255,.7); font-size: 22px; }
.lm-slider-arrow:hover { background: rgba(0,0,0,.38); color: #fff; }
.lm-slider-arrow.prev { left: 0; }
.lm-slider-arrow.next { right: 0; }
.lm-banner-aside { width: 244px; flex: 0 0 244px; background: #0e1824; border-radius: 0 6px 6px 0; padding: 14px; display: flex; flex-direction: column; gap: 12px; }
.lm-noticebox { background: #111a26; border: 1px solid #233444; border-radius: 4px; padding: 12px; }
.lm-noticebox h3 { color: #fff; font-size: 15px; margin-bottom: 8px; }
.lm-noticebox p { color: #a9bccb; font-size: 12px; line-height: 1.8; }
.lm-noticebox .lm-notice-body { color: #a9bccb; font-size: 12px; line-height: 1.8; }
.lm-noticebox .lm-notice-body p { margin: 0; }
.lm-noticebox a { display: inline-block; margin-top: 8px; color: var(--blue); }
.lm-hotline { margin-top: auto; background: linear-gradient(135deg,#1a3347,#111a26); border: 1px solid #294257; border-radius: 4px; padding: 12px; }
.lm-hotline span { display: block; color: #8fa6b8; font-size: 12px; }
.lm-hotline strong { display: block; margin-top: 4px; color: var(--gold); font-size: 19px; }

/* ---------- floor ---------- */
.lm-floor { margin: 40px auto; }
.lm-floor-head { display: flex; align-items: center; height: 34px; margin-bottom: 20px; }
.lm-floor-head h2 { color: #fff; font-size: 22px; font-weight: 700; }
.lm-floor-head .more { margin-left: auto; color: #9fb4c5; font-size: 12px; border: 1px solid rgba(118,133,145,.5); border-radius: 3px; padding: 5px 14px; }
.lm-floor-head .more:hover { color: var(--blue); border-color: var(--blue); }
.lm-tabs { display: flex; align-items: center; gap: 24px; margin: -8px 0 18px; }
.lm-tabs button { border: 0; background: transparent; color: #8fa6b8; font-size: 13px; padding: 0 0 6px; border-bottom: 2px solid transparent; }
.lm-tabs button.on { color: #fff; border-bottom-color: var(--blue); }

/* ---------- CDK row ---------- */
.lm-cdk-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.lm-cdk-card { min-width: 0; position: relative; background: #17222f; border-radius: 6px; overflow: hidden; border: 1px solid #213244; }
.lm-cdk-media { display: block; width: 100%; height: 117px; overflow: hidden; background: #0b1420; }
.lm-cdk-media img { display: block; width: 100%; height: 100%; object-fit: fill; transition: transform .25s; }
.lm-cdk-card:hover .lm-cdk-media img { transform: scale(1.04); }
.lm-cdk-body { padding: 10px 12px 12px; }
.lm-cdk-title { color: var(--cyan); font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lm-cdk-title:hover { color: #fff; }
.lm-cdk-meta { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; color: #7f94a4; font-size: 12px; }
.lm-cdk-price { color: var(--gold); font-size: 18px; font-weight: 700; }
.lm-cdk-price small { font-size: 12px; font-weight: 400; }
.lm-tag { display: inline-block; padding: 1px 8px; border-radius: 10px; background: #0b2d3b; color: var(--buy); font-size: 11px; }
.lm-tag:empty { display: none; }

/* ---------- goods grid ---------- */
.lm-goods { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.lm-card { min-width: 0; position: relative; background: #17222f; border-radius: 6px; overflow: hidden; border: 1px solid #1d2f41; transition: transform .18s ease, border-color .18s; }
.lm-card:hover { transform: translateY(-2px); border-color: #35516b; }
.lm-card-media { position: relative; width: 85%; margin: 0 auto; aspect-ratio: 190 / 146; overflow: hidden; background: #0b1420; }
.lm-card-media > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.lm-card-media img { display: block; position: static; width: 100%; height: 80px; object-fit: fill; }
.lm-card-media video { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 80px; object-fit: fill; }
.lm-card-media video { opacity: 0; transition: opacity .2s; pointer-events: none; }
.lm-card-media video.is-playing { opacity: 1; }
.lm-card-body { padding: 9px 10px 8px; min-height: 76px; }
.lm-card-title { color: var(--cyan); font-size: 16px; line-height: 1.35; height: 43px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lm-card-title:hover { color: #fff; }
.lm-card-desc { margin-top: 4px; color: var(--muted-2); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lm-card-bottom { height: 65px; display: flex; align-items: center; justify-content: center; gap: 6px; background: linear-gradient(180deg, #17222f, #111a26); border-top: 1px solid #1d2f41; }
.lm-card-bottom a, .lm-card-bottom span { display: inline-flex; align-items: center; justify-content: center; width: 76px; height: 30px; border-radius: 3px; font-size: 12px; }
.lm-card-bottom .status { background: var(--green-bg); color: var(--green); }
.lm-card-bottom .buy { background: var(--buy-bg); color: var(--buy); }
.lm-card-bottom .buy:hover { background: #12455b; color: #fff; }
.lm-card-price { position: absolute; right: 8px; top: 8px; padding: 2px 7px; color: var(--gold); font-size: 15px; font-weight: 700; line-height: 1.25; background: rgba(5,12,20,.72); border: 1px solid rgba(255,204,106,.35); border-radius: 4px; text-shadow: 0 1px 2px rgba(0,0,0,.4); }
.lm-card-price small { font-size: 11px; font-weight: 400; }

/* ---------- news cards ---------- */
.lm-news-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.lm-news-card { min-width: 0; background: #17222f; border: 1px solid #1d2f41; border-radius: 6px; overflow: hidden; }
.lm-news-media { display: block; width: 100%; aspect-ratio: 400 / 240; overflow: hidden; background: #0b1420; }
.lm-news-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.lm-news-card:hover img { transform: scale(1.04); }
.lm-news-body { padding: 10px 11px 12px; }
.lm-news-title { color: #d8e8f3; font-size: 14px; line-height: 1.45; height: 41px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lm-news-title:hover { color: var(--blue); }
.lm-news-date { margin-top: 8px; color: #617789; font-size: 11px; }

/* ---------- tags ---------- */
.lm-tagcloud { display: flex; flex-wrap: wrap; gap: 8px; }
.lm-tagcloud a { display: inline-block; padding: 4px 12px; border-radius: 12px; background: #111a26; border: 1px solid #223346; color: #9fb4c5; font-size: 12px; }
.lm-tagcloud a:hover { color: #fff; border-color: var(--blue); }

/* ---------- footer ---------- */
.lm-footer { margin-top: 60px; background: #171a21; padding: 0 0 12px; }
.lm-trust { display: grid; grid-template-columns: repeat(5, 1fr); min-height: 86px; align-items: center; border-bottom: 1px solid var(--line); }
.lm-trust li { text-align: center; color: #c6d4df; font-size: 15px; border-right: 1px solid var(--line); }
.lm-trust li:last-child { border-right: 0; }
.lm-trust i { display: inline-grid; place-items: center; width: 24px; height: 24px; margin-right: 8px; border-radius: 50%; background: #24303c; color: var(--blue); font-style: normal; font-size: 12px; }
.lm-foot-cols { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; padding: 30px 0 20px; min-height: 214px; }
.lm-foot-cols h3 { color: #d7e2eb; font-size: 14px; margin-bottom: 10px; }
.lm-foot-cols a { display: block; color: #788896; font-size: 12px; line-height: 28px; }
.lm-foot-cols a:hover { color: var(--blue); }
.lm-friend { padding: 12px 0; border-top: 1px solid #23272f; color: #65737f; font-size: 12px; }
.lm-friend a { margin-right: 12px; color: #65737f; }
.lm-friend a:hover { color: var(--blue); }
.lm-copy { display: flex; align-items: center; gap: 14px; padding: 18px 0 0; border-top: 1px solid #23272f; color: #59656d; font-size: 12px; }
.lm-copy-logo { width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; background: linear-gradient(135deg,#2b8ec9,#8b2cb0); color: #fff; font: 800 12px/1 Arial; }
.lm-copy-main { flex: 1; }
.lm-copy-main p { margin: 2px 0; }
.lm-qq { text-align: right; color: #8fa2b1; }
.lm-qq strong { display: block; color: #d7e2eb; font-size: 16px; }
.lm-qq a { color: #9fd5f5; }

/* ---------- side / drawer ---------- */
.lm-side { position: fixed; right: 12px; bottom: 36px; z-index: 60; display: flex; flex-direction: column; gap: 8px; }
.lm-side a, .lm-side button { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid #2b3d4d; border-radius: 6px; background: rgba(17,26,38,.92); color: #bcd2e1; font-size: 11px; text-align: center; }
.lm-side a:hover, .lm-side button:hover { color: #fff; border-color: var(--blue); }
.lm-side .lm-backtop { display: none; }
.lm-side .lm-backtop.is-show { display: grid; }
.lm-mask { display: none; position: fixed; inset: 0; z-index: 90; background: rgba(0,0,0,.55); }
.lm-mask.is-open { display: block; }
.lm-drawer { position: fixed; top: 0; left: 0; z-index: 100; width: 280px; height: 100%; background: #111a26; transform: translateX(-100%); transition: transform .25s; overflow-y: auto; }
.lm-drawer.is-open { transform: translateX(0); }
.lm-drawer h3 { padding: 18px 16px; color: #fff; font-size: 16px; border-bottom: 1px solid #263544; }
.lm-drawer a { display: block; padding: 13px 16px; color: #c6d4df; border-bottom: 1px solid #1d2a38; font-size: 14px; }
.lm-drawer a:hover { background: #173248; color: #fff; }
.lm-drawer .sub { padding-left: 30px; font-size: 13px; color: #8fa6b8; }

/* ---------- generic page ---------- */
.lm-crumb { padding: 18px 0 14px; color: #7e93a5; font-size: 12px; }
.lm-crumb a { color: #9fb4c5; }
.lm-page-head { display: flex; align-items: center; margin: 8px 0 20px; }
.lm-page-head h1 { color: #fff; font-size: 24px; }
.lm-page-head .count { margin-left: 12px; color: #617789; font-size: 12px; }
.lm-filter { display: flex; align-items: center; gap: 18px; padding: 12px 0 18px; border-bottom: 1px solid #213244; margin-bottom: 20px; }
.lm-filter a { color: #8fa6b8; font-size: 13px; }
.lm-filter a.on, .lm-filter a:hover { color: #fff; }
.lm-pager { display: flex; justify-content: center; gap: 6px; padding: 30px 0 0; }
.lm-pager a, .lm-pager span { min-width: 32px; height: 32px; padding: 0 9px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #263748; border-radius: 4px; color: #9fb4c5; font-size: 12px; }
.lm-pager a:hover, .lm-pager .on { background: #173248; color: #fff; border-color: var(--blue); }

/* ---------- product detail ---------- */
.lm-detail { display: flex; gap: 20px; align-items: flex-start; }
.lm-detail-media { flex: 1 1 60%; min-width: 0; background: #111a26; border: 1px solid #213244; border-radius: 6px; overflow: hidden; padding-top: 18px; }
.lm-detail-stage { position: relative; width: 100%; aspect-ratio: 2 / 1; background: #0b1420; }
.lm-detail-stage img, .lm-detail-stage video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #0b1420; }
.lm-detail-stage video { display: none; }
.lm-detail-stage.has-video video { display: block; }
.lm-detail-stage.has-video img { display: none; }
.lm-thumbs-wrap { display: flex; align-items: center; gap: 6px; height: 112px; padding: 10px; }
.lm-thumbs { flex: 1; min-width: 0; height: 92px; display: flex; gap: 8px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; }
.lm-thumbs::-webkit-scrollbar { display: none; }
.lm-thumbs-arrow { flex: 0 0 30px; height: 84px; border: 1px solid #2b3d4d; border-radius: 4px; background: #111a26; color: #cfe5f5; font-size: 26px; line-height: 1; }
.lm-thumbs-arrow:hover:not(:disabled) { background: #173248; color: #fff; border-color: var(--blue); }
.lm-thumbs-arrow:disabled { opacity: .3; cursor: default; }
.lm-thumbs img { flex: 0 0 150px; width: 150px; height: 92px; object-fit: contain; background: #0b1420; border: 1px solid #2a3b4d; border-radius: 3px; opacity: .7; }
.lm-thumbs img:hover { opacity: 1; border-color: var(--blue); }
.lm-detail-info { flex: 1 1 40%; min-width: 0; background: #17222f; border: 1px solid #213244; border-radius: 6px; padding: 22px; }
.lm-detail-info h1 { color: #fff; font-size: 24px; line-height: 1.35; }
.lm-detail-price { margin-top: 18px; color: #8fa6b8; font-size: 14px; }
.lm-detail-price strong { margin-left: 8px; color: var(--gold); font-size: 30px; }
.lm-detail-price strong small { font-size: 14px; }
.lm-detail-sales { margin-top: 10px; color: #7f94a4; font-size: 12px; }
.lm-detail-sales b { color: #b9d7ea; font-weight: 600; }
.lm-detail-meta { margin-top: 14px; padding-top: 4px; border-top: 1px solid #263748; }
.lm-detail-meta p { display: flex; align-items: center; justify-content: space-between; min-height: 28px; color: #7f94a4; font-size: 12px; border-bottom: 1px dashed #223346; }
.lm-detail-meta p:last-child { border-bottom: 0; }
.lm-detail-meta b { color: #c6d4df; font-weight: 500; }
.lm-detail-feature { margin-top: 16px; padding-top: 16px; border-top: 1px solid #263748; color: #a9bccb; line-height: 1.9; }
.lm-detail-tags { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.lm-buy-now { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; margin-top: 22px; border-radius: 4px; background: linear-gradient(90deg,#2b8ec9,#2b6f97); color: #fff; font-size: 17px; font-weight: 700; }
.lm-buy-now:hover { background: linear-gradient(90deg,#36a4e6,#2b8ec9); color: #fff; }
.lm-buy-note { margin-top: 10px; color: #6f8495; font-size: 12px; text-align: center; }

/* service strip + detail lower/sidebar (target detail page structure) */
.lm-service { margin-top: 20px; min-height: 72px; display: flex; align-items: center; gap: 24px; padding: 0 20px; background: #111a26; border: 1px solid #213244; border-radius: 6px; }
.lm-service-title { color: #fff; font-size: 16px; font-weight: 700; white-space: nowrap; padding-right: 20px; border-right: 1px solid #263748; }
.lm-service-items { flex: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lm-service-item { display: flex; align-items: center; gap: 10px; min-width: 0; }
.lm-service-item i { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; display: grid; place-items: center; background: #173248; color: var(--blue); font-style: normal; font-size: 13px; }
.lm-service-item b { display: block; color: #d7e2eb; font-size: 13px; font-weight: 600; }
.lm-service-item span { display: block; color: #6f8495; font-size: 11px; }
.lm-detail-lower { display: flex; align-items: flex-start; gap: 20px; margin-top: 28px; }
.lm-detail-main { flex: 1 1 auto; min-width: 0; }
.lm-detail-side { width: 280px; flex: 0 0 280px; display: flex; flex-direction: column; gap: 14px; }
.lm-side-card { background: #17222f; border: 1px solid #213244; border-radius: 6px; padding: 14px; }
.lm-side-card h3 { color: #fff; font-size: 15px; margin-bottom: 10px; }
.lm-side-contact a { display: flex; align-items: center; justify-content: center; height: 34px; margin-top: 8px; border-radius: 4px; background: #173248; color: #9fd5f5; font-size: 13px; }
.lm-side-contact a:first-of-type { background: linear-gradient(90deg,#2b8ec9,#2b6f97); color: #fff; }
.lm-side-sales li { display: flex; align-items: center; gap: 8px; padding: 7px 0; border-bottom: 1px solid #263748; }
.lm-side-sales li:last-child { border-bottom: 0; }
.lm-side-sales img { width: 58px; height: 38px; object-fit: cover; border-radius: 3px; flex: 0 0 58px; }
.lm-side-sales li > a:nth-child(2) { flex: 1; min-width: 0; color: #c6d4df; font-size: 12px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lm-side-sales span { color: var(--gold); font-size: 12px; white-space: nowrap; }
.lm-detail-tabs { margin-top: 0; background: #17222f; border: 1px solid #213244; border-radius: 6px; overflow: hidden; }
.lm-tab-head { display: flex; gap: 0; border-bottom: 1px solid #263748; background: #111a26; }
.lm-tab-head button { height: 44px; padding: 0 26px; border: 0; background: transparent; color: #9fb4c5; font-size: 14px; border-bottom: 2px solid transparent; }
.lm-tab-head button.on { color: #fff; border-bottom-color: var(--blue); }
.lm-tab-body { padding: 22px; color: #b9c9d6; font-size: 14px; line-height: 1.9; }
.lm-tab-body img { max-width: 100%; height: auto; }
.lm-tab-body h2 { color: #fff; font-size: 18px; margin: 18px 0 8px; padding-left: 10px; border-left: 4px solid var(--blue); background: #183044; line-height: 30px; }
.lm-tab-body ul, .lm-tab-body ol { margin: 8px 0; padding-left: 22px; }
.lm-tab-body ul { list-style: disc; }
.lm-tab-body ol { list-style: decimal; }
.lm-tab-body li { margin: 4px 0; }
.lm-tab-body p { margin: 8px 0; }
.lm-related { margin-top: 34px; }
.lm-related .lm-goods { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lm-sticky-buy { display: none; }

/* ---------- news article ---------- */
.lm-article { background: #17222f; border: 1px solid #213244; border-radius: 6px; padding: 26px; }
.lm-article h1 { color: #fff; font-size: 26px; line-height: 1.4; }
.lm-article-meta { margin: 12px 0 20px; padding-bottom: 14px; border-bottom: 1px solid #263748; color: #6f8495; font-size: 12px; }
.lm-article-body { color: #b9c9d6; font-size: 14px; line-height: 1.9; }
.lm-article-body img { max-width: 100%; height: auto; }
.lm-article-body p { margin: 10px 0; }
.lm-article-nav { display: flex; gap: 24px; margin-top: 26px; padding-top: 16px; border-top: 1px solid #263748; color: #8fa6b8; font-size: 13px; }
.lm-article-nav a { color: #9fb4c5; }

/* ---------- search ---------- */
.lm-search-page { background: #17222f; border: 1px solid #213244; border-radius: 6px; padding: 22px; }
.lm-search-form { display: flex; gap: 8px; margin-bottom: 18px; }
.lm-search-form input { flex: 1; height: 40px; padding: 0 12px; border: 1px solid #2a3b4d; background: #111a26; color: #e0eaf2; border-radius: 4px; outline: 0; }
.lm-search-form button { width: 90px; border: 0; border-radius: 4px; background: #2b6f97; color: #fff; }
.lm-search-item { padding: 14px 0; border-bottom: 1px solid #223346; }
.lm-search-item h3 { color: #d8e8f3; font-size: 16px; }
.lm-search-item p { margin-top: 6px; color: #8fa6b8; font-size: 13px; }
.lm-search-item time { color: #617789; font-size: 12px; }

/* ---------- toast ---------- */
.lm-toast { position: fixed; left: 50%; bottom: 80px; z-index: 200; transform: translateX(-50%) translateY(10px); padding: 9px 18px; border-radius: 4px; background: rgba(0,0,0,.78); color: #fff; font-size: 13px; opacity: 0; pointer-events: none; transition: .2s; }
.lm-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ---------- responsive ---------- */
@media (max-width: 1199px) {
  .lm-header-inner, .lm-header { height: 74px; }
  .lm-logo { min-width: 210px; }
  .lm-logo-text { font-size: 21px; }
  .lm-search { margin-left: 18px; }
  .lm-nav ul { gap: 28px; }
  .lm-banner { height: 360px; }
  .lm-catnav { width: 200px; flex-basis: 200px; height: 360px; }
  .lm-catnav a { height: 49px; }
  .lm-slider, .lm-banner-main { height: 360px; }
  .lm-banner-aside { display: none; }
  .lm-goods { grid-template-columns: repeat(4, 1fr); }
  .lm-news-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lm-cdk-row { grid-template-columns: repeat(4, 1fr); }
  .lm-related .lm-goods { grid-template-columns: repeat(3, 1fr); }
  .lm-detail-info h1 { font-size: 21px; }
  .lm-detail-price strong { font-size: 26px; }
}

@media (max-width: 979px) {
  .lm-search { display: none; }
  .lm-menu-btn { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin: 0; }
  .lm-nav { display: none; }
  .lm-header-inner { position: relative; justify-content: center; }
  .lm-logo { min-width: 0; margin: 0 auto; }
  .lm-banner { margin-top: 14px; height: auto; }
  .lm-catnav { display: none; }
  .lm-banner-main { width: 100%; flex: 1 1 100%; }
  .lm-slider { height: auto; aspect-ratio: 732 / 412; }
  .lm-cdk-row { grid-template-columns: repeat(2, 1fr); }
  .lm-goods { grid-template-columns: repeat(3, 1fr); }
  .lm-news-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lm-detail { flex-direction: column; }
  .lm-detail-media, .lm-detail-info { flex: none; width: 100%; }
  .lm-detail-info h1 { font-size: 22px; }
  .lm-trust { grid-template-columns: repeat(5, 1fr); }
  .lm-trust li { font-size: 12px; }
  .lm-trust i { display: none; }
  .lm-foot-cols { grid-template-columns: repeat(3, 1fr); }
  .lm-copy { flex-wrap: wrap; }
  .lm-qq { width: 100%; text-align: left; }
}

@media (max-width: 767px) {
  .lm-notice { margin-top: 0; }
  .lm-header, .lm-header-inner { height: 68px; }
  .lm-logo-mark { width: 36px; height: 36px; font-size: 16px; }
  .lm-logo-text { font-size: 19px; }
  .lm-notice .lm-wrap { height: 30px; font-size: 11px; }
  .lm-banner { margin-top: 10px; }
  .lm-slider { height: 344px; aspect-ratio: auto; }
  .lm-banner-main { height: auto; }
  .lm-footer { display: none; }
  .lm-dots { bottom: 10px; }
  .lm-floor { margin: 28px auto; }
  .lm-floor-head { height: 30px; margin-bottom: 14px; }
  .lm-floor-head h2 { font-size: 20px; }
  .lm-floor-head .more { padding: 4px 10px; font-size: 11px; }
  .lm-cdk-row { gap: 8px; }
  .lm-cdk-media { height: 105px; }
  .lm-cdk-body { padding: 8px 9px 10px; }
  .lm-cdk-title { font-size: 13px; }
  .lm-cdk-price { font-size: 16px; }
  .lm-goods { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .lm-card-media { width: 85%; height: 124px; margin: 0 auto; aspect-ratio: auto; }
  .lm-card-body { min-height: 0; height: 51px; padding: 2px 8px; overflow: hidden; }
  .lm-card-title { font-size: 13px; line-height: 1.25; height: 33px; }
  .lm-card-desc { margin-top: 1px; font-size: 11px; line-height: 13px; }
  .lm-card-bottom { height: 55px; gap: 4px; }
  .lm-card-bottom a, .lm-card-bottom span { width: 70px; height: 27px; font-size: 11px; }
  .lm-card-price { top: 6px; right: 6px; font-size: 13px; }
  .lm-news-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .lm-news-title { font-size: 13px; }
  .lm-side { display: none; }
  .lm-side a, .lm-side button { width: 40px; height: 40px; font-size: 10px; }
  .lm-trust { grid-template-columns: repeat(2, 1fr); min-height: 0; padding: 10px 0; gap: 8px; }
  .lm-trust li { border: 0; text-align: left; padding-left: 8px; }
  .lm-foot-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 18px 0 10px; min-height: 0; }
  .lm-foot-cols h3 { font-size: 13px; }
  .lm-copy { gap: 10px; padding-top: 14px; font-size: 11px; }
  .lm-copy-logo { width: 28px; height: 28px; font-size: 10px; }
  .lm-detail-info { padding: 16px; }
  .lm-detail-info h1 { font-size: 19px; }
  .lm-detail-price strong { font-size: 24px; }
  .lm-detail-media { padding-top: 0; }
  .lm-detail-stage { aspect-ratio: 16 / 10; }
  .lm-thumbs-wrap { height: 60px; padding: 6px; gap: 4px; }
  .lm-thumbs { height: 48px; gap: 6px; }
  .lm-thumbs img { flex: 0 0 80px; width: 80px; height: 48px; }
  .lm-thumbs-arrow { flex: 0 0 24px; height: 52px; font-size: 18px; border-radius: 3px; }
  .lm-detail-meta p { min-height: 24px; font-size: 11px; }
  .lm-tab-head button { padding: 0 16px; font-size: 13px; }
  .lm-tab-body { padding: 14px; font-size: 13px; }
  .lm-related .lm-goods { grid-template-columns: repeat(2, 1fr); }
  .lm-article { padding: 16px; }
  .lm-article h1 { font-size: 21px; }
  .lm-search-page { padding: 14px; }
  .lm-filter { gap: 12px; overflow-x: auto; white-space: nowrap; }
  .lm-sticky-buy {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 70;
    height: 56px; padding: 6px 10px; gap: 10px; background: #111a26; border-top: 1px solid #263748;
  }
  .lm-sticky-buy .price { flex: 1; color: var(--gold); font-size: 18px; font-weight: 700; line-height: 44px; }
  .lm-sticky-buy .price small { font-size: 11px; color: #8fa6b8; font-weight: 400; }
  .lm-sticky-buy .lm-sticky-buy-btn { width: 150px; display: grid; place-items: center; border-radius: 4px; background: linear-gradient(90deg,#2b8ec9,#2b6f97); color: #fff; font-size: 15px; font-weight: 700; }
.lm-sticky-buy .lm-sticky-download { width: 58px; display: grid; place-items: center; border-radius: 4px; background: #173248; color: #9fd5f5; font-size: 12px; }
  body.has-sticky { padding-bottom: 56px; }
}

/* detail service/sidebar responsive */
@media (max-width: 979px) {
  .lm-service { flex-wrap: wrap; gap: 12px; padding: 12px 14px; }
  .lm-service-title { width: 100%; padding: 0; border-right: 0; }
  .lm-service-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lm-detail-lower { flex-direction: column; }
  .lm-detail-side { width: 100%; flex: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lm-side-card:first-child { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .lm-service { margin-top: 14px; }
  .lm-service-item b { font-size: 12px; }
  .lm-service-item span { display: none; }
  .lm-detail-side { display: flex; }
}

/* mobile homepage goods: show 10 by default, expand all */
.lm-more-mobile { display: none; }
.lm-card.is-mobile-hidden { display: none !important; }
@media (max-width: 767px) {
  .lm-more-mobile { display: flex; justify-content: center; margin-top: 14px; }
  .lm-more-btn { min-width: 160px; height: 38px; border: 1px solid #2b3d4d; border-radius: 4px; background: #111a26; color: #9fd5f5; font-size: 13px; }
  .lm-more-btn:hover { border-color: var(--blue); color: #fff; }
}

/* target category icons */
.lm-catnav .ico.ico-img { background: transparent; }
.lm-catnav .ico.ico-img img { width: 24px; height: 24px; object-fit: contain; display: block; }

/* mobile target banner: keep original aspect, bottom aligned like target */
@media (max-width: 767px) {
  .lm-slide img { height: auto; object-fit: fill; position: absolute; left: 0; bottom: 0; width: 100%; }
}

/* desktop/mobile goods collapse */
.lm-more-goods { display: flex; justify-content: center; margin-top: 14px; }
.lm-more-btn { min-width: 160px; height: 38px; border: 1px solid #2b3d4d; border-radius: 4px; background: #111a26; color: #9fd5f5; font-size: 13px; }
.lm-more-btn:hover { border-color: var(--blue); color: #fff; }
.lm-card.is-collapsed { display: none !important; }
@media (max-width: 767px) { .lm-more-goods { margin-top: 12px; } }

/* category list page: top recommendations + rows + sidebar */
.lm-list-top { margin-bottom: 18px; }
.lm-list-layout { display: flex; align-items: flex-start; gap: 20px; }
.lm-list-main { flex: 1 1 auto; min-width: 0; }
.lm-list-side { width: 280px; flex: 0 0 280px; display: flex; flex-direction: column; gap: 14px; position: sticky; top: 16px; }
.lm-row { display: flex; align-items: center; gap: 14px; min-height: 124px; margin-bottom: 12px; padding: 12px; background: #17222f; border: 1px solid #213244; border-radius: 6px; }
.lm-row:hover { border-color: #35516b; }
.lm-row-media { width: 220px; height: 110px; flex: 0 0 220px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 4px; background: #0b1420; }
.lm-row-media img { width: 100%; height: 80px; object-fit: fill; display: block; }
.lm-row-info { flex: 1; min-width: 0; }
.lm-row-title { display: block; color: var(--cyan); font-size: 16px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lm-row-title:hover { color: #fff; }
.lm-row-desc { margin-top: 6px; color: #7f94a4; font-size: 12px; line-height: 1.6; height: 38px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lm-row-tags { margin-top: 7px; display: flex; gap: 8px; }
.lm-row-price { width: 104px; flex: 0 0 104px; color: var(--gold); font-size: 18px; font-weight: 700; text-align: right; white-space: nowrap; }
.lm-row-buy { width: 84px; height: 32px; flex: 0 0 84px; display: grid; place-items: center; border-radius: 3px; background: var(--buy-bg); color: var(--buy); font-size: 12px; }
.lm-row-buy:hover { background: #12455b; color: #fff; }
@media (max-width: 979px) {
  .lm-list-layout { display: block; }
  .lm-list-side { display: none; }
  .lm-row-media { width: 150px; height: 75px; flex-basis: 150px; }
  .lm-row-media img { height: 70px; }
  .lm-row-price { width: 88px; flex-basis: 88px; font-size: 16px; }
}
@media (max-width: 767px) {
  .lm-list-top { margin-bottom: 12px; }
  .lm-row { flex-wrap: wrap; min-height: 0; padding: 10px; gap: 10px; }
  .lm-row-media { width: 112px; height: 56px; flex-basis: 112px; }
  .lm-row-media img { height: 56px; }
  .lm-row-info { flex: 1 1 calc(100% - 122px); }
  .lm-row-title { font-size: 14px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .lm-row-desc { display: none; }
  .lm-row-price { width: auto; flex: 1; text-align: left; padding-left: 122px; margin-top: -4px; font-size: 16px; }
  .lm-row-buy { width: 88px; flex: 0 0 88px; margin-top: -4px; }
}

@media (min-width: 980px) {
  .lm-list-top, .lm-list-layout { padding-right: 56px; }
}

/* purchase actions: buy + download address */
.lm-buy-actions { display: flex; align-items: stretch; gap: 10px; margin-top: 22px; }
.lm-buy-actions .lm-buy-now { margin-top: 0; flex: 1 1 auto; min-width: 0; }
.lm-buy-actions .lm-download { flex: 0 0 128px; display: flex; align-items: center; justify-content: center; height: 48px; border-radius: 4px; background: #173248; color: #9fd5f5; font-size: 15px; font-weight: 600; }
.lm-buy-actions .lm-download:hover { background: #12455b; color: #fff; }

@media (max-width: 767px) {
  .lm-buy-actions { gap: 8px; }
  .lm-buy-actions .lm-download { flex-basis: 112px; }
  .lm-buy-actions .lm-download { font-size: 13px; }
}

/* detail image hover zoom */
.lm-detail-stage { overflow: hidden; cursor: zoom-in; }
.lm-detail-stage img { transform: none; }

/* wide screens: put floating service menu in the right middle */
@media (min-width: 1400px) {
  .lm-side { top: 50%; bottom: auto; transform: translateY(-50%); }
}

.lm-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* detail image lightbox */
.lm-lightbox { display: none; position: fixed; inset: 0; z-index: 300; background: rgba(4,10,16,.9); align-items: center; justify-content: center; padding: 30px; }
.lm-lightbox.is-open { display: flex; }
.lm-lightbox img { max-width: 92vw; max-height: 88vh; object-fit: contain; border-radius: 6px; box-shadow: 0 20px 60px rgba(0,0,0,.5); }
.lm-lightbox-close { position: absolute; right: 22px; top: 16px; width: 40px; height: 40px; border: 1px solid #3b5064; border-radius: 50%; background: rgba(17,26,38,.92); color: #fff; font-size: 24px; line-height: 1; }
@media (max-width: 767px) { .lm-lightbox { padding: 14px; } .lm-lightbox-close { right: 10px; top: 10px; } }

/* detail image hover magnifier (target-style) */
.lm-zoom-preview { position: fixed; z-index: 120; width: 320px; height: 320px; border: 1px solid #d4d4d4; border-radius: 4px; background-color: #0b1420; background-repeat: no-repeat; display: none; box-shadow: 0 14px 40px rgba(0,0,0,.45); pointer-events: none; overflow: hidden; }
.lm-zoom-preview.is-open { display: block; }
.lm-zoom-lens { position: fixed; z-index: 121; width: 100px; height: 70px; border: 2px solid #000; background: rgba(0,0,0,.25); display: none; pointer-events: none; }
.lm-zoom-lens.is-open { display: block; }
@media (max-width: 979px) { .lm-zoom-preview, .lm-zoom-lens { display: none !important; } }

/* 公告弹窗（后台：全局配置 → 定制标签 → 公告弹窗-*；进站每天首次自动弹出） */
html.lm-popup-lock, html.lm-popup-lock body { overflow: hidden; }
.lm-popup { position: fixed; inset: 0; z-index: 400; display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; transition: opacity .18s ease; }
.lm-popup[hidden] { display: none; }
.lm-popup.is-open { opacity: 1; }
.lm-popup-mask { position: absolute; inset: 0; background: rgba(4,10,16,.72); }
.lm-popup-box { position: relative; width: 560px; max-width: 100%; max-height: 82vh; display: flex; flex-direction: column; background: #101a26; border: 1px solid #294257; border-radius: 6px; box-shadow: 0 18px 60px rgba(0,0,0,.55); padding: 22px 22px 16px; }
.lm-popup-box h3 { color: #fff; font-size: 18px; margin-bottom: 12px; padding-right: 30px; }
.lm-popup-body { color: #a9bccb; font-size: 13px; line-height: 1.9; overflow: auto; max-height: 52vh; word-break: break-word; }
.lm-popup-body p { margin: 0 0 8px; }
.lm-popup-body img { max-width: 100%; height: auto; }
.lm-popup-body a { color: var(--blue); }
.lm-popup-foot { display: flex; align-items: center; gap: 14px; margin-top: 16px; }
.lm-popup-more { color: #8fa6b8; font-size: 12px; margin-right: auto; }
.lm-popup-more:hover { color: var(--blue); }
.lm-popup-ok { border: 0; background: var(--blue); color: #fff; font-size: 13px; padding: 8px 26px; border-radius: 4px; cursor: pointer; }
.lm-popup-ok:hover { filter: brightness(1.08); }
.lm-popup-x { position: absolute; top: 8px; right: 12px; border: 0; background: transparent; color: #7f94a4; font-size: 24px; line-height: 1; cursor: pointer; }
.lm-popup-x:hover { color: #fff; }
@media (max-width: 767px) {
  .lm-popup { padding: 14px; }
  .lm-popup-box { width: 100%; padding: 18px 16px 14px; max-height: 84vh; }
  .lm-popup-body { max-height: 56vh; }
  .lm-popup-foot { flex-wrap: wrap; }
  .lm-popup-ok { width: 100%; }
}
.lm-popup-box:focus { outline: none; }
.lm-popup-ok:focus { outline: none; }
.lm-popup-ok:focus-visible { outline: 2px solid #7cc4ff; outline-offset: 2px; }
.lm-popup-x:focus { outline: none; }
.lm-popup-x:focus-visible { outline: 2px solid #7cc4ff; outline-offset: 2px; }

/* ---------- 列表页增强（帮助中心/资讯）：搜索框 + 简介 + 分类 + 悬停 ---------- */
.lm-list-head { display: flex; align-items: flex-end; gap: 16px; }
.lm-list-search { margin-left: auto; display: flex; align-items: center; height: 34px; border: 1px solid #223346; border-radius: 4px; overflow: hidden; background: #0f1a26; }
.lm-list-search input { width: 210px; height: 100%; border: 0; background: transparent; color: #cfe0ec; font-size: 12px; padding: 0 12px; outline: none; }
.lm-list-search input::placeholder { color: #5c7183; }
.lm-list-search button { height: 100%; border: 0; padding: 0 16px; background: #1d6fa5; color: #fff; font-size: 12px; cursor: pointer; white-space: nowrap; flex: 0 0 auto; }
.lm-list-search button:hover { background: #2384c2; }
.lm-astlist .lm-news-card { display: flex; flex-direction: column; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.lm-astlist .lm-news-card:hover { transform: translateY(-4px); border-color: #2f8fd0; box-shadow: 0 14px 30px rgba(0,0,0,.42); }
.lm-astlist .lm-news-media { aspect-ratio: 4 / 3; }
.lm-astlist .lm-news-body { display: flex; flex-direction: column; flex: 1; }
.lm-news-desc { margin-top: 7px; color: #7f94a4; font-size: 12px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 38px; }
.lm-news-meta { margin-top: auto; padding-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.lm-news-chip { display: inline-block; max-width: 62%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 2px 8px; border-radius: 3px; background: #12202c; border: 1px solid #223346; color: #7fa7c2; font-size: 11px; }
.lm-astlist .lm-news-date { margin-top: 0; white-space: nowrap; }

/* ---------- 页脚：联系方式栏 + 客服区块（对齐目标站） ---------- */
.lm-foot-cols { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.lm-foot-contact span { display: block; color: #788896; font-size: 12px; line-height: 28px; }
.lm-qq { display: flex; align-items: center; justify-content: flex-end; gap: 18px; text-align: left; }
.lm-qq-info strong { display: block; color: #4aa3ff; font-size: 22px; font-weight: 700; line-height: 1.15; letter-spacing: .5px; }
.lm-qq-info span { display: block; margin-top: 4px; color: #788896; font-size: 12px; }
.lm-qq .lm-qq-btn { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 18px; border-radius: 4px; background: #3fae5a; color: #fff; font-size: 13px; white-space: nowrap; }
.lm-qq .lm-qq-btn:hover { background: #49bd66; color: #fff; }
.lm-qq-btn svg { width: 16px; height: 16px; flex: 0 0 16px; }
@media (max-width: 979px) {
  .lm-list-search input { width: 150px; }
}
@media (max-width: 767px) {
  .lm-list-head { display: block; }
  .lm-list-search { margin: 10px 0 0; height: 36px; }
  .lm-list-search input { width: auto; flex: 1 1 auto; min-width: 0; }
  .lm-list-search button { flex: 0 0 64px; padding: 0 10px; }
  .lm-astlist .lm-news-desc { display: none; }
  .lm-news-meta { padding-top: 6px; }
  .lm-qq { width: 100%; justify-content: space-between; gap: 12px; }
  .lm-qq-info strong { font-size: 20px; }
  .lm-qq .lm-qq-btn { height: 38px; padding: 0 14px; }
}

/* 顶部导航：下拉悬停通道（消除文字与菜单间 6px 空隙导致的点击错位）+ 键盘可达 */
.lm-nav li.has-sub::before { content: ""; position: absolute; left: -16px; right: -16px; top: 22px; height: 8px; }
.lm-nav li.has-sub:focus-within .lm-sub { display: block; }
.lm-nav li.is-active > a { color: #fff; }
.lm-nav li.is-active > a::before { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; background: var(--blue); }
.lm-nav li.has-sub.is-active > a::before { right: 14px; }

/* 详情购买区（对标：左蓝色下载 / 右橙色购买 + 小字说明） */
.lm-buy-actions { align-items: flex-start; gap: 12px; }
.lm-buy-col { flex: 1 1 0; min-width: 0; }
.lm-buy-actions .lm-download { width: 100%; flex: none; height: 48px; font-size: 16px; font-weight: 700; background: linear-gradient(90deg,#2b8ec9,#2b6f97); color: #fff; }
.lm-buy-actions .lm-download:hover { background: linear-gradient(90deg,#36a4e6,#2b8ec9); color: #fff; }
.lm-buy-actions .lm-buy-now { width: 100%; height: 48px; margin-top: 0; background: linear-gradient(90deg,#f2913c,#e2701a); }
.lm-buy-actions .lm-buy-now:hover { background: linear-gradient(90deg,#ffa552,#ef7c22); }
.lm-buy-hint { margin-top: 8px; color: #6f8495; font-size: 12px; line-height: 1.5; text-align: center; }
.lm-floor-sub { margin-left: 10px; color: #7f94a4; font-size: 13px; font-weight: 400; }
/* 详情右侧客服中心：三色块 */
.lm-side-contact a { height: 38px; font-weight: 600; }
.lm-side-contact a:nth-of-type(2) { background: linear-gradient(90deg,#e08b2e,#c97516); color: #fff; }
.lm-side-contact a:nth-of-type(3) { background: linear-gradient(90deg,#2f9e63,#237a4b); color: #fff; }
@media (max-width: 767px) {
  .lm-buy-actions { flex-direction: column; }
  .lm-buy-actions .lm-download, .lm-buy-actions .lm-buy-now { height: 46px; }
  .lm-buy-hint { text-align: left; }
}

/* ---------- 搜索结果（图片卡片） ---------- */
.lm-search-head { display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin: 6px 0 18px; }
.lm-search-title { color: #cfdeea; font-size: 15px; }
.lm-search-title b { color: #fff; font-weight: 700; }
.lm-search-title span { margin-left: 10px; color: #617789; font-size: 12px; }
.lm-search-head .lm-search-form { margin-left: auto; margin-bottom: 0; width: 360px; max-width: 100%; }
.lm-search-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lm-sresult { display: flex; flex-direction: column; padding: 0; border: 1px solid #1d2f41; border-radius: 6px; overflow: hidden; background: #17222f; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.lm-sresult:hover { transform: translateY(-4px); border-color: #2f8fd0; box-shadow: 0 14px 30px rgba(0,0,0,.42); }
.lm-sresult-media { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #0b1420; }
.lm-sresult-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.lm-sresult:hover .lm-sresult-media img { transform: scale(1.04); }
.lm-sresult-body { display: flex; flex-direction: column; flex: 1; padding: 10px 12px 12px; }
.lm-sresult-title { color: #d8e8f3; font-size: 14px; line-height: 1.45; height: 41px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lm-sresult-title:hover { color: var(--blue); }
.lm-sresult .lm-sresult-desc { margin: 6px 0 0; color: #7f94a4; font-size: 12px; line-height: 1.6; min-height: 38px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lm-sresult-meta { margin-top: auto; padding-top: 10px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: #617789; font-size: 11px; }
.lm-sresult-meta time { color: #617789; font-size: 11px; }
.lm-sresult-chip { padding: 2px 8px; border-radius: 3px; background: #12202c; border: 1px solid #223346; color: #7fa7c2; font-size: 11px; }
.lm-sresult-price { margin-left: auto; color: var(--gold); font-size: 13px; font-weight: 600; }
.lm-sresult-price.is-empty { display: none; }
.lm-search-empty { padding: 60px 0; text-align: center; color: #7f94a4; }
@media (max-width: 1199px) { .lm-search-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 979px) { .lm-search-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lm-search-head .lm-search-form { width: 100%; } }
@media (max-width: 767px) { .lm-search-grid { gap: 8px; } .lm-sresult .lm-sresult-desc { display: none; } .lm-sresult-meta { padding-top: 8px; } }

/* 辅助推荐卡对齐目标站：图 + 描边标签/价格信息条（无标题行） */
.lm-cdk-body { padding: 8px 12px; }
.lm-cdk-meta { margin-top: 0; }
.lm-cdk-card .lm-tag { background: transparent; border: 1px solid #2f4356; color: #8fa6b8; padding: 2px 8px; border-radius: 3px; }

/* 详情客服中心：按钮图标 */
.lm-side-contact a svg { width: 16px; height: 16px; flex: 0 0 16px; margin-right: 8px; }
/* 手机首页横幅：公告叠层（对标站样式） */
.lm-mnotice { display: none; }
@media (max-width: 767px) {
  .lm-mnotice { display: block; position: absolute; left: 8px; right: 8px; bottom: 10px; z-index: 5; padding: 10px 12px; border-radius: 6px; background: rgba(8,14,22,.8); }
  .lm-mnotice b { display: block; color: #fff; font-size: 13px; margin-bottom: 4px; }
  .lm-mnotice p { color: #c6d4df; font-size: 11px; line-height: 1.7; max-height: 88px; overflow: hidden; }
  .lm-dots { bottom: auto; top: 8px; }
}

/* 热销分类 Tab 小图标（对标站每个分类前一个彩色图标；纯 CSS 无需素材） */
.lm-tabs button { display: inline-flex; align-items: center; gap: 7px; }
.lm-tabs button::before { content: ""; width: 16px; height: 16px; border-radius: 4px; background: linear-gradient(135deg,#2b8ec9,#8b2cb0); box-shadow: inset 0 -2px 0 rgba(0,0,0,.22); }
.lm-tabs button[data-cat=""]::before { display: none; }
.lm-tabs button:nth-of-type(2)::before { background: linear-gradient(135deg,#35a3dd,#2b6f97); }
.lm-tabs button:nth-of-type(3)::before { background: linear-gradient(135deg,#e5a83a,#c97516); }
.lm-tabs button:nth-of-type(4)::before { background: linear-gradient(135deg,#39b06f,#237a4b); }
.lm-tabs button:nth-of-type(5)::before { background: linear-gradient(135deg,#8a6be0,#4a2f8f); }
.lm-tabs button:nth-of-type(6)::before { background: linear-gradient(135deg,#d75568,#8f2438); }
@media (max-width: 767px) { .lm-tabs button::before { width: 14px; height: 14px; border-radius: 3px; } }
/* Tab 图标在手机横向滚动时不被压缩 */
.lm-tabs button { flex: 0 0 auto; }
.lm-tabs button::before { flex: 0 0 16px; }
@media (max-width: 767px) { .lm-tabs button::before { flex-basis: 14px; } }
/* 手机端热销 Tab 可横向滚动，避免撑破页面 */
@media (max-width: 767px) {
  .lm-tabs { overflow-x: auto; white-space: nowrap; flex-wrap: nowrap; scrollbar-width: none; }
  .lm-tabs::-webkit-scrollbar { display: none; }
}

/* 左侧分类栏：首个栏目默认高亮（栏目名随后台动态生成） */
.lm-catnav > a:first-of-type { background: #387196; color: #fff; }

/* 文章/搜索结果：竖排行卡（与商品列表同版式） */
.lm-arow-list { display: block; }
.lm-arow { transition: border-color .18s ease; }
.lm-arow:hover { border-color: #35516b; }
.lm-arow-side { width: 130px; flex: 0 0 130px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 6px; }
.lm-arow-side time { color: #617789; font-size: 12px; white-space: nowrap; }
.lm-arow-side .lm-row-price { width: auto; flex: none; }
.lm-arow-side .lm-sresult-price.is-empty { display: none; }
@media (max-width: 767px) {
  .lm-arow { align-items: flex-start; }
  .lm-arow-side { width: 100%; flex: 1 1 100%; flex-direction: row; align-items: center; justify-content: space-between; padding-top: 2px; }
}

/* 页脚栏目改为 4 个栏目组 + 联系方式（5 列） */
.lm-foot-cols { grid-template-columns: repeat(5, minmax(0, 1fr)); }

/* 页头/页脚 LOGO：后台上传“站点LOGO”后自动替换 LM 方块，未上传保留 LM */
.lm-logo-img { height: 42px; width: auto; display: none; }
.lm-logo-img.is-shown { display: block; }
.lm-copy-logo .lm-logo-img { height: 30px; width: auto; }
@media (max-width: 767px) { .lm-logo-img { height: 36px; } .lm-copy-logo .lm-logo-img { height: 26px; } }