/* 国内站模板 · 首页：首屏（分类面板 + 轮播 + 侧栏）、数据概览、热销排行、分类楼层、指南与新品。
   轮播与楼层专区的底图是固定的几款图案（流线 / 斜切光面 / 同心环），只用半透明白或主题色绘制，换任何配色都协调。 */
:root {
  --nx-art-flow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 440' preserveAspectRatio='xMidYMid slice'><defs><radialGradient id='g' cx='.84' cy='.1' r='.62'><stop offset='0' stop-color='white' stop-opacity='.24'/><stop offset='1' stop-color='white' stop-opacity='0'/></radialGradient></defs><rect width='800' height='440' fill='url(%23g)'/><path d='M0 318C150 262 300 360 470 312S720 236 800 258V440H0Z' fill='white' fill-opacity='.07'/><path d='M0 364C170 318 330 410 520 364S730 312 800 330V440H0Z' fill='white' fill-opacity='.08'/><path d='M0 404C200 372 370 440 560 404S740 380 800 390V440H0Z' fill='black' fill-opacity='.07'/><path d='M0 286C160 232 310 330 480 282S720 206 800 228' fill='none' stroke='white' stroke-opacity='.26' stroke-width='1.2'/><path d='M0 300C160 248 310 344 480 296S720 222 800 244' fill='none' stroke='white' stroke-opacity='.12'/></svg>");
  --nx-art-facet: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 440' preserveAspectRatio='xMidYMid slice'><defs><pattern id='d' width='16' height='16' patternUnits='userSpaceOnUse'><circle cx='2' cy='2' r='1.3' fill='white' fill-opacity='.3'/></pattern></defs><polygon points='470,0 800,0 800,440 300,440' fill='white' fill-opacity='.045'/><polygon points='600,0 800,0 800,440 500,440' fill='white' fill-opacity='.055'/><polygon points='720,0 800,0 800,440 680,440' fill='white' fill-opacity='.07'/><line x1='250' y1='440' x2='500' y2='0' stroke='white' stroke-opacity='.16'/><line x1='330' y1='440' x2='580' y2='0' stroke='white' stroke-opacity='.08'/><rect x='300' y='26' width='176' height='64' fill='url(%23d)'/></svg>");
  --nx-art-rings: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 440' preserveAspectRatio='xMidYMid slice'><defs><pattern id='d' width='16' height='16' patternUnits='userSpaceOnUse'><circle cx='2' cy='2' r='1.4' fill='black' fill-opacity='.55'/></pattern></defs><polygon points='560,440 800,170 800,440' fill='black' fill-opacity='.28'/><polygon points='430,440 800,40 800,110 500,440' fill='black' fill-opacity='.12'/><circle cx='660' cy='220' r='170' fill='black' fill-opacity='.2'/><g fill='none' stroke='black' stroke-width='2'><circle cx='660' cy='220' r='110' stroke-opacity='.55'/><circle cx='660' cy='220' r='170' stroke-opacity='.45'/><circle cx='660' cy='220' r='230' stroke-opacity='.34'/><circle cx='660' cy='220' r='290' stroke-opacity='.24'/><circle cx='660' cy='220' r='350' stroke-opacity='.15'/></g><rect x='300' y='26' width='176' height='64' fill='url(%23d)'/></svg>");
  --nx-art-lead-flow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 520' preserveAspectRatio='xMidYMid slice'><g fill='none' stroke='white'><circle cx='232' cy='26' r='48' stroke-opacity='.24'/><circle cx='232' cy='26' r='86' stroke-opacity='.17'/><circle cx='232' cy='26' r='124' stroke-opacity='.11'/><circle cx='232' cy='26' r='162' stroke-opacity='.07'/></g><path d='M0 262C60 236 120 288 180 262S240 242 240 244V520H0Z' fill='white' fill-opacity='.06'/><path d='M0 304C70 276 130 326 190 302S240 286 240 290V520H0Z' fill='black' fill-opacity='.07'/></svg>");
  --nx-art-lead-facet: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 520' preserveAspectRatio='xMidYMid slice'><defs><pattern id='d' width='14' height='14' patternUnits='userSpaceOnUse'><circle cx='2' cy='2' r='1.2' fill='white' fill-opacity='.3'/></pattern></defs><polygon points='130,0 240,0 240,520 0,520 0,400' fill='white' fill-opacity='.04'/><polygon points='196,0 240,0 240,520 70,520' fill='white' fill-opacity='.05'/><line x1='0' y1='340' x2='240' y2='96' stroke='white' stroke-opacity='.15'/><rect x='150' y='18' width='84' height='70' fill='url(%23d)'/></svg>");
  --nx-art-lead-rings: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 520' preserveAspectRatio='xMidYMid slice'><g stroke='black' stroke-opacity='.3'><line x1='120' y1='0' x2='240' y2='120'/><line x1='136' y1='0' x2='240' y2='104'/><line x1='152' y1='0' x2='240' y2='88'/><line x1='168' y1='0' x2='240' y2='72'/><line x1='184' y1='0' x2='240' y2='56'/><line x1='200' y1='0' x2='240' y2='40'/></g><g fill='none' stroke='black' stroke-width='1.3'><circle cx='20' cy='504' r='80' stroke-opacity='.3'/><circle cx='20' cy='504' r='130' stroke-opacity='.2'/><circle cx='20' cy='504' r='180' stroke-opacity='.12'/></g></svg>");
}

/* ---------- 首屏 ---------- */
.nx-herowrap { padding-bottom: 4px; background: linear-gradient(180deg, var(--nx-halo), var(--nx-page)); }
.nx-hero { display: grid; grid-template-columns: 220px minmax(0, 1fr) 244px; gap: 12px; height: 440px; }
.nx-hero__cats { position: relative; z-index: 20; display: flex; flex-direction: column; padding: 8px 0; border-radius: 0 0 12px 12px; background: var(--nx-canvas); box-shadow: var(--nx-shadow); }
.nx-hero__cats ul { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.nx-hcat { flex: 0 1 48px; min-height: 36px; }
.nx-hcat__link { display: flex; align-items: center; gap: 8px; height: 100%; padding: 0 12px 0 20px; color: var(--nx-body); }
.nx-hcat__link b { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-weight: 600; color: var(--nx-ink); }
.nx-hcat__link small { font-size: 12px; color: var(--nx-muted-soft); }
.nx-hcat__link .nx-ic { width: 14px; height: 14px; color: var(--nx-muted-soft); }
.nx-hcat:hover .nx-hcat__link, .nx-hcat:focus-within .nx-hcat__link { background: var(--nx-halo); }
.nx-hcat:hover .nx-hcat__link b, .nx-hcat:focus-within .nx-hcat__link b { color: var(--nx-brand-text); }
.nx-hcat__fly { display: none; position: absolute; left: 100%; top: 0; width: 720px; min-height: 100%; padding: 18px 22px; border-radius: 0 12px 12px 0; background: var(--nx-canvas); box-shadow: var(--nx-shadow-lift); }
.nx-hcat:hover .nx-hcat__fly, .nx-hcat:focus-within .nx-hcat__fly { display: block; }
.nx-hcat__fly header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--nx-line-soft); }
.nx-hcat__fly header b { font-size: 17px; font-weight: 700; color: var(--nx-ink); }
.nx-hcat__goods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 18px; }
.nx-hero__allcats { display: flex; align-items: center; justify-content: center; gap: 6px; height: 42px; margin: 0 12px; border-radius: 8px; background: var(--nx-halo); font-size: 13px; font-weight: 600; color: var(--nx-brand-text); }
.nx-hero__allcats .nx-ic { width: 15px; height: 15px; }
.nx-hero__allcats:hover { background: var(--nx-fill-soft); }

.nx-mini { display: grid; grid-template-columns: 76px minmax(0, 1fr); grid-template-rows: 1fr auto; column-gap: 10px; min-width: 0; }
.nx-mini__ph { grid-row: span 2; width: 76px; height: 76px; overflow: hidden; border-radius: 8px; background: var(--nx-soft); }
.nx-mini__ph img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.nx-mini:hover .nx-mini__ph img { transform: scale(1.06); }
.nx-mini__t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 13px; line-height: 1.5; color: var(--nx-ink); }
.nx-mini:hover .nx-mini__t { color: var(--nx-brand-text); }
.nx-mini__p { font-size: 15px; font-weight: 700; color: var(--nx-price); }

/* 轮播橱窗 */
.nx-slides { position: relative; margin-top: 12px; overflow: hidden; border-radius: 12px; background: var(--nx-fill); }
.nx-slide { position: absolute; inset: 0; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: 12px; padding: 0 48px; color: #fff; opacity: 0; visibility: hidden; transition: opacity .6s, visibility .6s; }
.nx-slide.is-on { opacity: 1; visibility: visible; }
.nx-slide--t0 { background: var(--nx-art-flow) center / cover no-repeat, linear-gradient(120deg, var(--nx-fill-press), var(--nx-fill) 72%); }
.nx-slide--t1 { background: var(--nx-art-facet) center / cover no-repeat, linear-gradient(120deg, #1b2230, var(--nx-fill-press)); }
.nx-slide--t2 { color: var(--nx-ink); background: linear-gradient(120deg, var(--nx-halo), var(--nx-fill-soft)); }
.nx-slide--t2::before { content: ""; position: absolute; inset: 0; background: var(--nx-fill); opacity: .7; -webkit-mask: var(--nx-art-rings) center / cover no-repeat; mask: var(--nx-art-rings) center / cover no-repeat; pointer-events: none; }
.nx-slide__text { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.nx-slide__eyebrow { padding: 4px 12px; border-radius: 999px; background: rgba(255, 255, 255, .18); font-size: 13px; font-weight: 600; letter-spacing: .06em; }
.nx-slide--t2 .nx-slide__eyebrow { background: var(--nx-fill); color: var(--nx-on-fill); }
.nx-slide__text strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 16px 0 10px; font-size: 40px; font-weight: 800; line-height: 1.22; letter-spacing: .03em; }
.nx-slide__sub { font-size: 16px; opacity: .9; }
.nx-slide__cta { display: inline-flex; align-items: center; gap: 4px; height: 42px; margin-top: 28px; padding: 0 22px; border-radius: 999px; background: #fff; color: var(--nx-brand-text); font-size: 15px; font-weight: 700; box-shadow: rgba(0, 0, 0, .12) 0 6px 16px; transition: transform .2s; }
.nx-slide--t2 .nx-slide__cta { background: var(--nx-fill); color: var(--nx-on-fill); }
.nx-slide__cta .nx-ic { width: 16px; height: 16px; stroke-width: 2.4; }
.nx-slide:hover .nx-slide__cta { transform: translateX(4px); }
.nx-slide__art { position: relative; z-index: 1; height: 330px; }
.nx-slide__ph { position: absolute; overflow: hidden; border: 4px solid #fff; border-radius: 16px; background: #fff; box-shadow: rgba(0, 0, 0, .25) 0 18px 40px; }
.nx-slide__ph img { width: 100%; height: 100%; object-fit: cover; }
.nx-slide__ph em { position: absolute; left: 8px; bottom: 8px; padding: 2px 9px; border-radius: 999px; background: var(--nx-price); color: #fff; font-size: 13px; font-weight: 700; font-style: normal; }
.nx-slide__ph--0 { z-index: 2; left: 50%; top: 50%; width: 236px; height: 236px; transform: translate(-58%, -50%) rotate(-3deg); }
.nx-slide__ph--1 { z-index: 1; right: 0; top: 6px; width: 150px; height: 150px; transform: rotate(6deg); }
.nx-slide__ph--2 { z-index: 3; right: 14px; bottom: 4px; width: 138px; height: 138px; transform: rotate(-5deg); }
.nx-slides__nav { position: absolute; top: 50%; z-index: 5; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-top: -18px; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .28); color: #fff; opacity: 0; transition: opacity .2s; }
.nx-slides:hover .nx-slides__nav, .nx-slides__nav:focus-visible { opacity: 1; }
.nx-slides__nav .nx-ic { width: 18px; height: 18px; stroke-width: 2.4; }
.nx-slides__nav--prev { left: 12px; }
.nx-slides__nav--next { right: 12px; }
.nx-slides__dots { position: absolute; left: 48px; bottom: 18px; z-index: 5; display: flex; gap: 6px; }
.nx-slides__dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .55); box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px; transition: width .25s; }
.nx-slides__dots button.is-on { width: 24px; background: #fff; box-shadow: rgba(0, 0, 0, .3) 0 0 0 1px; }
.nx-slides--empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #fff; background: var(--nx-art-flow) center / cover no-repeat, linear-gradient(120deg, var(--nx-fill-press), var(--nx-fill)); }
.nx-slides--empty strong { font-size: 32px; }

/* 侧栏 */
.nx-hero__side { display: flex; flex-direction: column; gap: 12px; min-height: 0; margin-top: 12px; }
.nx-hello { padding: 16px 16px 14px; border-radius: 12px; background: linear-gradient(180deg, var(--nx-halo) 0 52px, var(--nx-canvas) 52px); text-align: center; }
.nx-hello__avatar { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border: 3px solid #fff; border-radius: 50%; background: var(--nx-strong); color: var(--nx-muted-soft); box-shadow: var(--nx-shadow); }
.nx-hello__avatar .nx-ic { width: 30px; height: 30px; }
.nx-hello p { margin: 6px 0 12px; font-size: 14px; font-weight: 600; color: var(--nx-ink); }
.nx-hello__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.nx-hello__btns .nx-btn { min-height: 34px; padding: 0; font-size: 13px; }
.nx-quick { display: grid; grid-template-columns: repeat(3, 1fr); padding: 12px 4px; border-radius: 12px; background: var(--nx-canvas); }
.nx-quick a { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12px; color: var(--nx-body); }
.nx-quick .nx-ic { width: 38px; height: 38px; padding: 9px; border-radius: 10px; background: var(--nx-halo); color: var(--nx-brand-text); }
.nx-quick a:hover { color: var(--nx-brand-text); }
.nx-notice { flex: 1; min-height: 0; overflow: hidden; padding: 12px 14px; border-radius: 12px; background: var(--nx-canvas); }
.nx-notice header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.nx-notice header b { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--nx-ink); }
.nx-notice header .nx-ic { width: 16px; height: 16px; color: var(--nx-price); }
.nx-notice li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 30px; font-size: 13px; color: var(--nx-body); }
.nx-notice li a::before { content: ""; display: inline-block; width: 4px; height: 4px; margin: 0 8px 3px 0; border-radius: 50%; background: var(--nx-line-strong); }
.nx-notice li a:hover { color: var(--nx-price); }
.nx-notice li.is-ghost { height: 12px; margin: 12px 0; border-radius: 4px; background: var(--nx-strong); }
.nx-notice__none { line-height: 30px; font-size: 13px; color: var(--nx-muted-soft); }

/* ---------- 数据概览 ---------- */
.nx-facts { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); margin-top: 16px; padding: 18px 0; border-radius: 12px; background: var(--nx-canvas); }
.nx-facts > div { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 0 12px; }
.nx-facts > div + div { border-left: 1px solid var(--nx-line-soft); }
.nx-facts .nx-ic { width: 42px; height: 42px; padding: 10px; border-radius: 50%; background: var(--nx-halo); color: var(--nx-brand-text); stroke-width: 1.6; }
.nx-facts span { display: flex; flex-direction: column; min-width: 0; }
.nx-facts small { font-size: 12px; color: var(--nx-muted); }
.nx-facts b { font-size: 19px; font-weight: 700; color: var(--nx-ink); white-space: nowrap; }
.nx-facts--perks b { order: -1; font-size: 15px; font-weight: 600; }
.nx-facts--perks small { margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- 楼层 ---------- */
.nx-floor { margin-top: 32px; }
.nx-floor__head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid var(--nx-fill); }
.nx-floor__head h2 { display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 800; color: var(--nx-ink); white-space: nowrap; }
.nx-floor__no { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 30px; padding: 0 8px; border-radius: 8px 8px 8px 2px; background: var(--nx-fill); color: var(--nx-on-fill); font-size: 16px; font-weight: 800; font-style: italic; }
.nx-floor__no--hot { background: var(--nx-price); }
.nx-floor__no .nx-ic { width: 18px; height: 18px; stroke-width: 2.2; }
.nx-floor__count { flex: 1; min-width: 0; font-size: 13px; color: var(--nx-muted); }
.nx-floor__body { display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: 14px; }
.nx-floor__lead { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--nx-r-card); color: #fff; }
.nx-floor__lead--t0 { background: var(--nx-art-lead-flow) center / cover no-repeat, linear-gradient(160deg, var(--nx-fill), var(--nx-fill-press)); }
.nx-floor__lead--t1 { background: var(--nx-art-lead-facet) center / cover no-repeat, linear-gradient(160deg, var(--nx-fill-press), #1b2230); }
.nx-floor__lead--t2 { color: var(--nx-ink); background: linear-gradient(160deg, var(--nx-halo), var(--nx-fill-soft)); }
.nx-floor__lead--t2::before { content: ""; position: absolute; inset: 0; background: var(--nx-fill); opacity: .7; -webkit-mask: var(--nx-art-lead-rings) center / cover no-repeat; mask: var(--nx-art-lead-rings) center / cover no-repeat; pointer-events: none; }
.nx-floor__leadtext { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 26px 22px 18px; }
.nx-floor__leadtext small { font-size: 12px; letter-spacing: .24em; opacity: .85; }
.nx-floor__leadtext b { font-size: 27px; font-weight: 800; line-height: 1.25; letter-spacing: .04em; }
.nx-floor__leadtext > span { font-size: 13px; opacity: .9; }
.nx-floor__leadtext em { display: inline-flex; align-items: center; gap: 2px; margin-top: 12px; padding: 6px 14px; border-radius: 999px; background: #fff; color: var(--nx-brand-text); font-size: 13px; font-weight: 700; font-style: normal; }
.nx-floor__lead--t2 .nx-floor__leadtext em { background: var(--nx-fill); color: var(--nx-on-fill); }
.nx-floor__leadtext em .nx-ic { width: 14px; height: 14px; stroke-width: 2.4; }
.nx-floor__leadph { position: relative; z-index: 1; margin-top: auto; padding: 0 18px 18px; }
.nx-floor__leadph:empty { display: none; }
.nx-floor__lead:has(.nx-floor__leadph:empty) .nx-floor__leadtext { margin-block: auto; }
.nx-floor__leadph img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border: 4px solid #fff; border-radius: 12px; background: #fff; box-shadow: rgba(0, 0, 0, .2) 0 10px 24px; transition: transform .3s; }
.nx-floor__lead:hover .nx-floor__leadph img { transform: translateY(-4px) rotate(-1deg); }
.nx-grid--floor { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.nx-grid--rank { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.nx-rank { position: relative; min-width: 0; }
.nx-rank::before { content: "TOP " attr(data-rank); position: absolute; left: 0; top: 0; z-index: 3; padding: 4px 10px; border-radius: var(--nx-r-card) 0 10px 0; background: #8c8c8c; color: #fff; font-size: 13px; font-weight: 800; font-style: italic; }
.nx-rank[data-rank="1"]::before { background: var(--nx-price); }
.nx-rank[data-rank="2"]::before { background: #f56a00; }
.nx-rank[data-rank="3"]::before { background: #f0a000; }
.nx-rank .nx-card { height: 100%; }
.nx-rank .nx-chip { display: none; }

.nx-ribbon { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 32px; padding: 26px 40px; border-radius: 12px; color: #fff; background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .06) 0 14px, transparent 14px 28px), linear-gradient(100deg, var(--nx-fill-press), var(--nx-fill) 65%); }
.nx-ribbon > span { font-size: 17px; }
.nx-ribbon b { margin-right: 16px; font-size: 24px; font-weight: 800; letter-spacing: .04em; }
.nx-ribbon em { display: inline-flex; align-items: center; gap: 2px; flex: none; padding: 9px 20px; border-radius: 999px; background: #fff; color: var(--nx-brand-text); font-size: 14px; font-weight: 700; font-style: normal; transition: transform .2s; }
.nx-ribbon:hover em { transform: translateX(4px); }
.nx-ribbon em .nx-ic { width: 15px; height: 15px; stroke-width: 2.4; }

/* ---------- 指南与新品 ---------- */
.nx-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
.nx-duo__panel { min-width: 0; padding: 16px 20px 20px; border-radius: 12px; background: var(--nx-canvas); }
.nx-duo .nx-floor__head { margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--nx-line-soft); }
.nx-duo .nx-floor__head h2 { flex: 1; gap: 8px; font-size: 18px; }
.nx-duo .nx-floor__head h2 .nx-ic { width: 22px; height: 22px; color: var(--nx-brand-text); }
.nx-guide__lead { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px; margin-bottom: 8px; }
.nx-guide__cover { display: flex; align-items: center; justify-content: center; height: 100px; overflow: hidden; border-radius: 8px; background: var(--nx-halo); color: var(--nx-brand-text); }
.nx-guide__cover img { width: 100%; height: 100%; object-fit: cover; }
.nx-guide__cover .nx-ic { width: 34px; height: 34px; stroke-width: 1.4; }
.nx-guide__lead > span { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.nx-guide__lead b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 15px; font-weight: 700; color: var(--nx-ink); }
.nx-guide__lead small { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 13px; color: var(--nx-muted); }
.nx-guide__lead:hover b { color: var(--nx-brand-text); }
.nx-guide__list a { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 10px; height: 40px; border-top: 1px dashed var(--nx-line); }
.nx-guide__list i { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 4px; background: var(--nx-strong); color: var(--nx-muted); font-size: 12px; font-style: normal; font-weight: 700; }
.nx-guide__list li:nth-child(-n+2) i { background: var(--nx-fill); color: var(--nx-on-fill); }
.nx-guide__list span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: var(--nx-body); }
.nx-guide__list small { font-size: 12px; color: var(--nx-muted-soft); }
.nx-guide__list a:hover span { color: var(--nx-price); }
.nx-newgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
.nx-newgrid .nx-mini { grid-template-columns: 88px minmax(0, 1fr); }
.nx-newgrid .nx-mini__ph { width: 88px; height: 88px; }

/* ---------- 响应式 ---------- */
@media (max-width: 1127px) {
  .nx-hero { grid-template-columns: 200px minmax(0, 1fr); height: 400px; }
  .nx-hero__side { display: none; }
  .nx-hcat__fly { width: 540px; }
  .nx-hcat__goods { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nx-slide { padding: 0 32px; }
  .nx-slide__text strong { font-size: 32px; }
  .nx-slides__dots { left: 32px; }
  .nx-slide__ph--0 { width: 200px; height: 200px; }
  .nx-slide__ph--1 { width: 120px; height: 120px; }
  .nx-slide__ph--2 { width: 110px; height: 110px; }
  .nx-floor__body { grid-template-columns: 200px minmax(0, 1fr); }
  .nx-grid--floor { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nx-grid--floor > :nth-child(n+7) { display: none; }
  .nx-grid--rank { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .nx-grid--rank > :nth-child(5) { display: none; }
}
@media (max-width: 900px) {
  .nx-grid--rank { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nx-grid--rank > :nth-child(n+4) { display: none; }
  .nx-duo { grid-template-columns: 1fr; }
  .nx-facts { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
  .nx-facts > div:nth-child(odd) { border-left: 0; }
}
@media (max-width: 743px) {
  .nx-herowrap { padding-top: 10px; }
  .nx-hero { display: flex; flex-direction: column; gap: 10px; height: auto; }
  .nx-slides { order: 1; height: 196px; margin-top: 0; border-radius: 10px; }
  .nx-hero__cats { order: 2; padding: 10px; border-radius: 10px; }
  .nx-hero__cats ul { flex-direction: row; gap: 8px; overflow-x: auto; scrollbar-width: none; }
  .nx-hero__cats ul::-webkit-scrollbar { display: none; }
  .nx-hcat { flex: none; min-height: 0; }
  .nx-hcat__link { gap: 4px; height: 32px; padding: 0 12px; border-radius: 999px; background: var(--nx-halo); }
  .nx-hcat__link b { font-size: 13px; }
  .nx-hcat__link .nx-ic, .nx-hcat__fly, .nx-hero__allcats { display: none !important; }
  .nx-slide { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); padding: 0 18px; }
  .nx-slide__eyebrow { padding: 2px 8px; font-size: 11px; }
  .nx-slide__text strong { margin: 8px 0 4px; font-size: 22px; }
  .nx-slide__sub { font-size: 12px; }
  .nx-slide__cta { height: 30px; margin-top: 12px; padding: 0 12px; font-size: 12px; }
  .nx-slide__art { height: 150px; }
  .nx-slide__ph { border-width: 3px; border-radius: 10px; }
  .nx-slide__ph--0 { width: 112px; height: 112px; }
  .nx-slide__ph--1 { width: 70px; height: 70px; }
  .nx-slide__ph--2 { display: none; }
  .nx-slide__ph em { left: 4px; bottom: 4px; padding: 1px 6px; font-size: 11px; }
  .nx-slides__nav { display: none; }
  .nx-slides__dots { left: 18px; bottom: 10px; }

  .nx-facts { margin-top: 10px; padding: 12px 6px; }
  .nx-facts > div { justify-content: flex-start; gap: 10px; }
  .nx-facts .nx-ic { width: 34px; height: 34px; padding: 8px; }
  .nx-facts b { font-size: 15px; }

  .nx-floor { margin-top: 24px; }
  .nx-floor__head { gap: 10px; margin-bottom: 10px; padding-bottom: 8px; }
  .nx-floor__head h2 { gap: 8px; font-size: 18px; }
  .nx-floor__no { min-width: 34px; height: 24px; font-size: 13px; }
  .nx-floor__count { font-size: 12px; }
  .nx-floor__body { display: block; }
  .nx-floor__lead { margin-bottom: 8px; }
  .nx-floor__leadtext { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 2px 10px; padding: 12px 14px; }
  .nx-floor__leadtext small, .nx-floor__leadph { display: none; }
  .nx-floor__leadtext b { font-size: 17px; }
  .nx-floor__leadtext > span { font-size: 12px; }
  .nx-floor__leadtext em { margin: 0 0 0 auto; padding: 4px 10px; font-size: 12px; }
  .nx-grid--floor { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .nx-grid--floor > :nth-child(n+5) { display: none; }
  .nx-grid--rank { display: grid; grid-auto-flow: column; grid-auto-columns: 40%; grid-template-columns: none; overflow-x: auto; scrollbar-width: none; }
  .nx-grid--rank::-webkit-scrollbar { display: none; }
  .nx-grid--rank > :nth-child(n) { display: block; }
  .nx-rank::before { padding: 2px 8px; font-size: 11px; }

  .nx-ribbon { flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 24px; padding: 16px 18px; }
  .nx-ribbon > span { font-size: 13px; }
  .nx-ribbon b { display: block; margin: 0 0 2px; font-size: 18px; }
  .nx-ribbon em { padding: 6px 14px; font-size: 13px; }
  .nx-duo { gap: 10px; margin-top: 24px; }
  .nx-duo__panel { padding: 12px 14px 14px; }
  .nx-guide__lead { grid-template-columns: 110px minmax(0, 1fr); }
  .nx-guide__cover { height: 76px; }
  .nx-guide__list small { display: none; }
  .nx-newgrid { grid-template-columns: 1fr; gap: 12px; }
}