/* Homepage only — layout and copy for QuipMan front page */
.qmh{
  --qmh-ink:#1a1a1a;
  --qmh-muted:#555;
  --qmh-line:#e0e0e0;
  --qmh-paper:#f5f5f5;
  --qmh-white:#fff;
  --qmh-accent:#db0000;
  --qmh-accent-hover:#b80000;
  --qmh-radius:2px;
  --qmh-space:8px;
  font-family:var(--qm-font-sans);
  color:var(--qmh-ink);
  background:var(--qmh-paper);
}
.qmh a{color:var(--qmh-ink);}
.qmh a:hover{color:var(--qmh-accent);}
.qmh a:focus-visible,
.qmh button:focus-visible,
.qmh input:focus-visible{
  outline:3px solid var(--qmh-ink);
  outline-offset:2px;
}
.qmh-sr{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}
.qmh-wrap{
  /* 与头部 .qm-chrome__inner / 底部 .qm-foot__inner 的 1200px 保持一致，
     否则内容比头部宽会左右错位，页面看起来是散的 */
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
}
.qmh-kicker{
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--qmh-accent);
  margin:0 0 12px;
}
.qmh-lead{
  font-size:17px;
  line-height:1.6;
  color:var(--qmh-muted);
  max-width:36em;
  margin:0 0 24px;
}
.qmh-section{
  padding:48px 0;
  /* 宽度约束交给内部 .qmh-wrap（1200px），section 本身放开，
     避免与 qmh-wrap 双重约束导致内容比同页 qmh-ftv 窄一圈 */
}
.qmh-section__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.qmh-section__head h2{
  margin:0;
  font-size:28px;
  font-weight:800;
  letter-spacing:-.03em;
}
.qmh-section__head a{
  font-size:14px;
  font-weight:600;
  color:var(--qmh-accent);
  white-space:nowrap;
  min-height:44px;
  display:inline-flex;
  align-items:center;
}

.qmh-hero{
  position:relative;
  overflow:hidden;
  background-color:#0a0d10;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  color:#fff;
  padding:56px 0 64px;
}
.qmh-hero__videos{
  position:absolute;
  inset:0;
  z-index:0;
}
.qmh-hero__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  pointer-events:none;
  opacity:0;
  transition:opacity .32s linear;
}
.qmh-hero__video.is-on{opacity:1;}
.qmh-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(10,13,16,.42) 0%,rgba(10,13,16,.68) 100%);
}
/* Compact hero — used on homepage；比原先大约高 68px，方便看清背景视频 */
.qmh-hero--compact{padding:84px 0 92px;text-align:center;}
.qmh-hero--compact .qmh-hero__inner{max-width:820px;}
.qmh-hero__title{
  font-size:clamp(28px, 3.6vw, 42px);
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.02em;
  margin:0 0 14px;
  color:#fff;
}
.qmh-hero__title em{color:var(--qmh-accent);font-style:normal;}
.qmh-hero__title span{background: #0a5ba6;font-style:normal;}
.qmh-hero__lead{
  font-size:16px;
  line-height:1.5;
  color:#c8ced5;
  max-width:640px;
  margin:0 auto 24px;
}
.qmh-hero__cta{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center;}
.qmh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:0 26px;
  border-radius:8px;border:0;
  font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.qmh-btn i{font-size:13px;}
.qmh-btn--primary{
  background:var(--qmh-accent);color:#fff !important;
  box-shadow:0 6px 16px -6px rgba(219,0,0,.55);
}
.qmh-btn--primary:hover{
  color:#fff !important;
  transform:translateY(-2px);
  box-shadow:0 12px 24px -8px rgba(219,0,0,.7);
  background:var(--qmh-accent-hover);
}
.qmh-btn--outline{
  background:transparent;color:#fff !important;
  border:1.5px solid rgba(255,255,255,.7);
}
.qmh-btn--outline:hover{
  background:#fff;color:#0f1418 !important;border-color:#fff;
}

/* Section band —— New & Used ... For Sale */
.qmh-band{
  background:#f5f6f8;
  border-top:1px solid #e6e9ee;
  border-bottom:1px solid #e6e9ee;
}
.qmh-band .qmh-wrap{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 0;
}
.qmh-band__title{
  margin:0;font-size:15px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;color:#0f1418;
}
.qmh-band__title i{color:var(--qmh-accent);margin-right:10px;}
.qmh-band__link{
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:#0f1418;display:inline-flex;align-items:center;gap:8px;
  min-height:44px;
}
.qmh-band__link:hover{color:var(--qmh-accent);}

/* Category tile row —— 紧凑、扁平、灰底黑图标 */
.qmh-tiles{
  background:#f5f6f8;padding:16px 0 28px;
}
.qmh-tiles__grid{
  display:grid;grid-template-columns:repeat(7, 1fr);gap:0;
}
.qmh-tile{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  text-align:center;padding:20px 8px 18px;border-radius:8px;
  background:transparent;
  color:#0f1418 !important;text-decoration:none;min-height:164px;
  transition:color .18s ease;
}
/* hover 只换颜色，不换背景：图标交叉淡入到红色版本，文字同步转红。
   整排不再出现深色大色块跳动，扫视时更稳。 */
.qmh-tile:hover,
.qmh-tile:focus-visible{
  background:transparent;color:var(--qmh-accent) !important;text-decoration:none;
}
.qmh-tile__ic{
  position:relative;
  width:104px;height:88px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:12px;
  color:#0f1418;font-size:42px;
  transition:color .15s ease;
}
.qmh-tile:hover .qmh-tile__ic{color:var(--qmh-accent);}
/* 顶栏分类图标：常态 / hover 两张 PNG 叠放交叉淡入。
   img 引用的图不继承 currentColor，两种状态只能各出一张图。
   尺寸在这里统一给，不依赖模板里的 width/height 属性。
   图标是 256×256 的方形 PNG，必须靠 object-fit:contain 在 104×88 的框里等比缩放——
   过去 SVG 自带 preserveAspectRatio，换成 PNG 后不加这一行会被拉成 104×88 变形。 */
.qmh-tile__ic img{
  position:absolute;inset:0;margin:auto;
  width:104px;height:88px;object-fit:contain;
  transition:opacity .18s ease;
}
.qmh-tile__ic .qmh-tile__dk{opacity:0;}
.qmh-tile:hover .qmh-tile__ic .qmh-tile__dk,
.qmh-tile:focus-visible .qmh-tile__ic .qmh-tile__dk{opacity:1;}
.qmh-tile:hover .qmh-tile__ic .qmh-tile__lt,
.qmh-tile:focus-visible .qmh-tile__ic .qmh-tile__lt{opacity:0;}
.qmh-tile__name{
  font-size:14px;font-weight:800;line-height:1.25;letter-spacing:.01em;
  max-width:14ch;
}
.qmh-tile--more .qmh-tile__ic{color:var(--qmh-accent);font-size:36px;}
.qmh-tile--more:hover .qmh-tile__ic{color:var(--qmh-accent);}
.qmh-hero a{color:#fff;}
.qmh-hero a:hover{color:#ffd0d0;}
.qmh-hero__inner{
  position:relative;
  z-index:2;
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
}
.qmh-hero__copy h1{
  font-size:clamp(28px, 4vw, 42px);
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.03em;
  margin:0 0 16px;
  max-width:18ch;
}
.qmh-hero .qmh-lead{color:#f0f0f0;}
.qmh-search{
  display:flex;
  gap:0;
  background:#fff;
  max-width:560px;
  border:2px solid #fff;
}
.qmh-search input{
  flex:1;
  border:0;
  min-height:48px;
  padding:0 12px;
  font-size:16px;
  color:var(--qmh-ink);
  background:transparent;
}
.qmh-search input:focus{outline:none;}
.qmh-search button{
  min-height:48px;
  min-width:140px;
  border:0;
  background:var(--qmh-accent);
  color:#fff;
  font-weight:700;
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  padding:0 16px;
  transition:background .2s ease;
}
.qmh-search button:hover{background:var(--qmh-accent-hover);}
.qmh-hero__links{
  display:flex;
  gap:20px;
  margin:16px 0 0;
  font-size:14px;
  font-weight:600;
}
.qmh-hero__links a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  text-decoration:underline;
  text-underline-offset:3px;
}
.qmh-hero__media{display:none;}
.qmh-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:grayscale(.15) contrast(1.05);
}

.qmh-cats{padding-top:40px;}
.qmh-chips{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.qmh-chips a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:8px 14px 8px 10px;
  background:#fff;
  border:1px solid var(--qmh-line);
  border-radius:0;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.qmh-chips a:hover{
  border-color:var(--qmh-accent);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  text-decoration:none;
  color:var(--qmh-ink);
}
.qmh-chips img{width:28px;height:28px;object-fit:contain;}

/* Featured strip 在首页的微调（其余样式共用 quipman-inner.css） */
.is-home .qm-featured-strip{
  background:#fff;
  border-top:1px solid #e6e9ee;
}

.qmh-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
}
.qmh-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--qmh-line);
  border-radius:var(--qmh-radius);
  overflow:hidden;
  text-decoration:none;
  color:var(--qmh-ink);
  min-height:44px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.qmh-card:hover{
  text-decoration:none;
  color:var(--qmh-ink);
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.1);
}
.qmh-card__img{
  aspect-ratio:16/10;
  background:#ececec;
  overflow:hidden;
  display:block;
}
.qmh-card__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.qmh-card__body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:6px;}
.qmh-card__title{
  font-weight:700;
  font-size:15px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.qmh-card__meta{font-size:13px;color:var(--qmh-muted);}

.qmh-subgrid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
}
.qmh-sub{
  display:flex;
  flex-direction:column;
  gap:10px;
  text-decoration:none;
  color:var(--qmh-ink);
}
.qmh-sub img{
  width:100%;
  aspect-ratio:5/3;
  object-fit:cover;
  border-radius:var(--qmh-radius);
  background:#ececec;
  border:1px solid var(--qmh-line);
}
.qmh-sub span{
  font-size:14px;
  font-weight:600;
  line-height:1.35;
  min-height:44px;
}
.qmh-sub:hover{text-decoration:none;color:var(--qmh-accent);}

.qmh-trust{background:#fff;border-top:1px solid var(--qmh-line);border-bottom:1px solid var(--qmh-line);}
.qmh-trust__grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
}
.qmh-trust article h3{
  margin:0 0 8px;
  font-size:18px;
  font-weight:700;
}
.qmh-trust article p{
  margin:0;
  color:var(--qmh-muted);
  line-height:1.6;
  font-size:15px;
  max-width:42em;
}

.qmh-cta{
  background:#1a1a1a;
  color:#fff;
  padding:40px 0;
}
.qmh-cta h2{margin:0 0 8px;font-size:26px;font-weight:800;}
.qmh-cta p{margin:0;color:#ddd;font-size:16px;line-height:1.5;}
.qmh-cta__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.qmh-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  background:var(--qmh-accent);
  color:#fff !important;
  font-weight:700;
  text-decoration:none !important;
  white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:13px;
  transition:background .2s ease;
}
.qmh-cta__btn:hover{background:var(--qmh-accent-hover);color:#fff !important;}

@media (max-width:1024px){
  .qmh-hero__inner{ }
  .qmh-hero__copy h1{max-width:none;}
  .qmh-grid,.qmh-subgrid{grid-template-columns:repeat(2, 1fr);}
  .qmh-trust__grid{grid-template-columns:1fr;}
  .qmh-tiles__grid{grid-template-columns:repeat(4, 1fr);}
}
@media (max-width:640px){
  .qmh-search{flex-direction:column;}
  .qmh-search button{width:100%;}
  .qmh-cta__inner{flex-direction:column;align-items:flex-start;}
  .qmh-grid{grid-template-columns:1fr;}
  .qmh-tiles__grid{grid-template-columns:repeat(3, 1fr);}
  .qmh-band .qmh-wrap{flex-direction:column;align-items:flex-start;gap:8px;}
  .qmh-hero__title{font-size:26px;}
}
@media (prefers-reduced-motion:reduce){
  .qmh-card,.qmh-search button,.qmh-cta__btn,.qmh-chips a,.qmh-tile__ic img{transition:none;}
  .qmh-card:hover{transform:none;}
  .qmh-hero__videos,.qmh-hero__video{display:none;}
}

/* Notice strip —— 首页公告栏
   卡片式设计：左红条 + 淡红渐变底 + 右上角 LATEST 徽章。
   视觉上是一条"紧要广播"，跟 Featured/TV 拉开层级 */
.qm-notice-strip{
  background:#fff;
  padding:28px 0 8px;
}
.qm-notice-strip + .qm-featured-strip{padding-top:24px;}
/* 顶部小标签"SHORT BROADCASTING / QUIPMAN"——淡化处理，突出下方卡片 */
.qm-notice-strip .qm-featured-strip__head{margin:0 0 12px;}
.qm-notice-strip .qm-featured-strip__pill{
  background:none;
  color:#8a8f94;
  font-size:24px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:0;
  display:inline-flex;align-items:center;gap:8px;
}
.qm-notice-strip .qm-featured-strip__pill::before{
  content:"\f0a1"; /* fa-bullhorn */
  font-family:"Font Awesome 5 Free","FontAwesome";
  font-weight:900;font-size:14px;
  color:var(--qmh-accent);
}

.qmh-notice__panel{
  position:relative;
  display:flex;align-items:stretch;gap:20px;
  background:linear-gradient(90deg,#fff5f5 0%,#fff 55%);
  border:1px solid #f2d4d4;
  border-left:5px solid var(--qmh-accent);
  border-radius:6px;
  padding:18px 22px 18px 24px;
  box-shadow:0 4px 14px -8px rgba(219,0,0,.18);
}

/* 滚动窗口：内容由后台控制长度，窗口内从下往上循环滚动 */
.qmh-notice__window{
  flex:1 1 auto;min-width:0;
  height:140px;overflow:hidden;
  mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);
}
.qmh-notice__track{
  display:flex;flex-direction:column;
  will-change:transform;
  animation:qmh-notice-up 2s linear infinite;
}
/* 只在滚动区域（含日期列）悬停/聚焦时暂停，标题行悬停不影响滚动 */
.qmh-notice__panel:hover .qmh-notice__track,
.qmh-notice__panel:focus-within .qmh-notice__track{animation-play-state:paused;}
.qmh-notice__line{
  flex:none;
  display:flex;flex-direction:column;gap:6px;
  padding:6px 0 14px;
}
.qmh-notice__link{
  font-size:18px;font-weight:800;color:#111;text-decoration:none;line-height:1.35;
  display:inline-flex;align-items:baseline;gap:9px;
  transition:color .18s ease;
}
.qmh-notice__link::before{
  content:"\f06a"; /* fa-exclamation-circle —— 与顶部 bullhorn 区分 */
  font-family:"Font Awesome 5 Free","FontAwesome";font-weight:900;font-size:14px;
  color:var(--qmh-accent);
  flex-shrink:0;
}
.qmh-notice__link:hover,
.qmh-notice__link:focus-visible{color:var(--qmh-accent);text-decoration:none;}
.qmh-notice__text{
  font-size:14px;line-height:1.55;color:#5c6167;
  margin:0;padding-left:23px; /* 与 title 首字对齐（图标 14 + gap 9） */
}

/* 日期徽章：右上角浮起，红点 + LATEST + 日期 */
.qmh-notice__date{
  flex:none;align-self:flex-start;
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 12px;
  background:#fff;
  border:1px solid #f2d4d4;
  border-radius:999px;
  box-shadow:0 2px 6px -3px rgba(219,0,0,.2);
}
.qmh-notice__date::before{
  content:"";
  display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--qmh-accent);
  box-shadow:0 0 0 3px rgba(219,0,0,.16);
  animation:qmh-notice-pulse 1.6s ease-in-out infinite;
}
.qmh-notice__date span{
  font-size:10.5px;font-weight:800;color:var(--qmh-accent);
  letter-spacing:.14em;text-transform:uppercase;
}
.qmh-notice__date b{
  font-size:12px;font-weight:700;color:#5c6167;letter-spacing:.01em;
}

@keyframes qmh-notice-up{
  from{transform:translateY(0);}
  to{transform:translateY(-50%);}
}
@keyframes qmh-notice-pulse{
  0%,100%{box-shadow:0 0 0 3px rgba(219,0,0,.16);}
  50%{box-shadow:0 0 0 6px rgba(219,0,0,.04);}
}

@media (max-width:767px){
  .qm-notice-strip{padding:20px 0 6px;}
  .qmh-notice__panel{
    flex-direction:column;gap:12px;
    padding:14px 14px 14px 16px;
    border-left-width:4px;
  }
  .qmh-notice__date{order:-1;align-self:flex-start;}
  .qmh-notice__window{height:110px;}
  .qmh-notice__link{font-size:15px;gap:8px;}
  .qmh-notice__link::before{font-size:12px;}
  .qmh-notice__text{font-size:13px;padding-left:20px;}
}
@media (prefers-reduced-motion:reduce){
  .qmh-notice__track{animation:none;}
  .qmh-notice__date::before{animation:none;}
  .qmh-notice__window{
    height:auto;max-height:140px;overflow-y:auto;-webkit-overflow-scrolling:touch;
    mask-image:none;-webkit-mask-image:none;
  }
  .qmh-notice__line[aria-hidden="true"]{display:none;}
}

/* 公告卡片右侧的折纸便签（静态服务承诺清单，内容写死在模板里）
   折角、投影、纸张渐变全部用 CSS 画，不引图片、不加字体请求；
   6 行 × 约 17.5px + 内边距 ≈ 137px，不超过滚动窗口的 140px，卡片高度不变 */
.qmh-note{
  position:relative;
  flex:none;align-self:center;
  width:260px;
  margin:0;
  padding:10px 14px 10px 16px;
  list-style:none;
  background:linear-gradient(158deg,#fffef2 0%,#fdf6b6 100%);
  box-shadow:0 10px 18px -14px rgba(0,0,0,.5);
  transform:rotate(-1.4deg);
  /* 手写体只用系统字体栈：Caveat 若本机没装则逐级回退，不额外拉网络字体 */
  font-family:"Caveat","Segoe Script","Bradley Hand","Comic Sans MS",cursive;
  font-size:13px;line-height:1.35;
  color:#1a2fd0;
}
.qmh-note li{
  display:flex;align-items:baseline;gap:8px;
  padding:1px 0;
  white-space:nowrap;
}
.qmh-note li::before{
  content:"\f00c"; /* fa-check */
  font-family:"Font Awesome 5 Free","FontAwesome";
  font-weight:900;font-size:11px;line-height:1;
  color:#3f9c35;
  flex:none;
}
/* 右下折角：翻起的纸三角 + 纸面投影 */
.qmh-note::after{
  content:"";
  position:absolute;right:0;bottom:0;
  width:22px;height:22px;
  background:linear-gradient(135deg,#f7f0a4,#e2d873);
  clip-path:polygon(100% 0,100% 100%,0 100%);
  box-shadow:-3px -3px 6px -3px rgba(0,0,0,.25);
}
@media (max-width:1024px){
  .qmh-note{width:224px;font-size:12px;transform:rotate(-1deg);}
}
@media (max-width:767px){
  /* 窄屏卡片已改为纵向堆叠，便签转为通栏、取消倾斜 */
  .qmh-note{width:100%;align-self:stretch;transform:none;padding:12px 14px;font-size:13px;}
}

/* Featured + TV —— 左右结构（照抄原版 WAIHUI：1170px 容器、白底、红按钮 hover 变黑、灰标题条） */
.qmh-ftv{
  background:#fff;
  padding:10px 0 30px;
  /* 板块自身也约束到 1200px 居中，与头部/分类版块对齐，白背景不再满屏 */
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
}
/* 公告以下内容：宽度按页面容器 1280px（不另设固定值） */
.qmh-ftv__grid{
  display:grid;grid-template-columns:1fr 1fr;gap:30px;
}
/* 关键：grid/flex 子项必须允许收缩到 0，否则轮播图会撑爆 1fr 轨道 */
.qmh-ftv__left,.qmh-ftv__right,.qmh-ftv__stage,.qmh-ftv__bar,.qmh-ftv__thumbs{min-width:0;}
/* 居中标题（1440 实测：Featured ~36px 红；videoHead ~44px 灰） */
.qmh-ftv__title{
  margin:0 0 15px;text-align:center;
  font-size:36px;font-weight:700;color:var(--qmh-accent);
}
.qmh-ftv__title.is-tv{color:#999;font-size:44px;margin-bottom:14px;font-weight:700;}
.qmh-ftv__title.is-tv em{color:var(--qmh-accent);}
.qmh-ftv__title em{font-style:normal;}
.qmh-ftv__stage{
  position:relative;
  border:2px solid #ddd;background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.qmh-ftv__main{
  position:relative;height:420px;max-height:420px;overflow:hidden;
  background:#f2f3f5;border-bottom:1px solid #e5e5e5;
}
.qmh-ftv__slide{
  position:absolute;inset:0;display:block;opacity:0;visibility:hidden;
  transition:opacity .35s ease, visibility .35s ease;
}
.qmh-ftv__slide.is-on{opacity:1;visibility:visible;z-index:1;}
.qmh-ftv__slide img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;display:block;}
/* 圆形箭头叠在图两侧（原版样式） */
.qmh-ftv__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--qmh-ink);
  font-size:20px;line-height:1;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}
.qmh-ftv__arrow:hover{background:var(--qmh-accent);color:#fff;}
.qmh-ftv__arrow--prev{left:10px;}
.qmh-ftv__arrow--next{right:10px;}
/* 图下灰色标题条：标题一行、价格第二行，暂停键居右（原版 title-bar-featured） */
.qmh-ftv__bar{
  display:flex;align-items:center;gap:12px;
  background:#f2f3f5;
  padding:12px 16px;
}
.qmh-ftv__label{
  flex:1 1 auto;min-width:0;
  display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  overflow:hidden;
}
/* 1440 实测：标题 ~18px、价格 ~15px，深灰两行 */
.qmh-ftv__label strong{
  font-size:18px;font-weight:400;letter-spacing:.5px;color:#333;line-height:1.35;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;
}
.qmh-ftv__label em{font-style:normal;font-size:15px;font-weight:400;color:#555;line-height:1.3;}
.qmh-ftv__pause{
  flex:none;width:36px;height:36px;border:none;border-radius:50%;
  background:#fff;color:var(--qmh-ink);cursor:pointer;font-size:12px;
  box-shadow:0 1px 4px rgba(0,0,0,.15);
}
.qmh-ftv__pause:hover{color:var(--qmh-accent);}
/* 双按钮：灰底白字 hover 转黑白字。
   注意 .qmh a{color:var(--qmh-ink)} 用 !important 打赢它，跟本文件 qmh-btn 一样的套路 */
.qmh-ftv__btns{display:flex;background:#fff;}
.qmh-ftv__btn{
  flex:1;display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:.55em 0;
  background:#8a8a8a;color:#fff !important;
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  text-decoration:none;transition:background .18s ease;
}
.qmh-ftv__btn.is-main{border-right:2px solid #fff;}
.qmh-ftv__btn:hover,.qmh-ftv__btn:focus-visible{background:#000;color:#fff !important;}
/* 右侧 TV：黑框视频 + 黑条紧贴（原版 videoBox） */
.qmh-tv{display:flex;flex-direction:column;}
.qmh-tv__item{display:block;text-decoration:none;color:var(--qmh-ink);}
.qmh-tv__item:not(.is-main){display:none;}
.qmh-tv__thumb{
  position:relative;display:block;overflow:hidden;
  border:3px solid #111;border-radius:var(--qmh-radius);
  aspect-ratio:16/9;background:#f2f3f5;
}
.qmh-tv__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.qmh-tv__item:hover .qmh-tv__thumb img{transform:scale(1.03);}
.qmh-tv__play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:62px;height:62px;border-radius:50%;
  background:rgba(219,0,0,.92);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;
  transition:transform .2s ease;
}
.qmh-tv__item:hover .qmh-tv__play{transform:translate(-50%,-50%) scale(1.08);}
/* 本地视频首帧封面 */
.qmh-tv__cover{width:100%;height:100%;object-fit:cover;display:block;background:#000;transition:transform .3s ease;}
.qmh-tv__item:hover .qmh-tv__cover{transform:scale(1.03);}
/* 全屏按钮 */
.qmh-tv__fs{
  position:absolute;bottom:8px;right:8px;z-index:2;
  width:34px;height:34px;border:0;border-radius:50%;
  background:rgba(0,0,0,.55);color:#fff;font-size:14px;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .2s ease;
}
.qmh-tv__fs:hover{background:rgba(0,0,0,.8);}
/* 播放中：隐藏播放按钮，视频撑满 */
.qmh-tv__item.is-playing .qmh-tv__play{display:none !important;}
.qmh-tv__item.is-playing .qmh-tv__cover{object-fit:contain;}
/* YouTube iframe 原位播放 */
.qmh-tv__player{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:1;}
/* 黑条紧贴视频（原版 VIEW ALL VIDEOS） */
.qmh-tv__all{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;min-height:44px;
  background:var(--qmh-ink);color:#fff;
  font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;border-radius:0 0 var(--qmh-radius) var(--qmh-radius);
  transition:background .18s ease;
}
.qmh-tv__all:hover,.qmh-tv__all:focus-visible{background:var(--qmh-accent);color:#fff;}
/* 注册引导（原版 sign-up-section：居中、右列内） */
.qmh-signup{
  margin-top:34px;
  display:flex;flex-direction:column;align-items:center;gap:16px;
  text-align:center;
}
.qmh-signup__text{
  margin:0;font-size:22px;font-weight:800;color:var(--qmh-ink);
  display:inline-flex;align-items:center;gap:10px;
}
.qmh-signup__text i{color:var(--qmh-accent);}
/* SIGN UP NOW：灰底白字，hover 转黑白字 */
.qmh-signup__btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:100%;max-width:300px;min-height:40px;border-radius:4px;
  background:#85878a;color:#fff !important;font-size:12px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
  transition:background .18s ease;
}
.qmh-signup__btn:hover,.qmh-signup__btn:focus-visible{background:#111;color:#fff !important;}
/* ========== 大分类版块（参考站 Tradequip 校准）==========
   HTML 结构（应与 index.html 保持一致）：
   .qm-catbar > .qm-catbar__wrap > (.qm-catbar__head + .qm-catbar__grid)
   .qm-catbar__head > (.qm-catbar__title + .qm-catbar__see)
   .qm-catbar__grid > .qm-catbar__tile { .qm-catbar__img > img; .qm-catbar__label }
   注意：整块用独立类名（不复用 .qmh-section / .qmh-section__head），
   避免被其它规则（flex justify-content:space-between、text-align:center）反噬。 */
.qm-catbar{
  display:block;
  width:min(1200px, calc(100% - 32px));
  margin:0 auto 26px;
  padding:22px 0 26px;
  border-bottom:1px solid #eee;
  background:transparent;
  text-align:left;
}
.qm-catbar__wrap{display:block;width:100%;}
/* 标题行：强制左对齐；标题 + 小灰色 See All Categories 胶囊 */
.qm-catbar__head{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  margin:0 0 18px;
  text-align:left;
}
.qm-catbar__title{
  margin:0;
  font-size:28px;
  font-weight:800;
  color:#111;
  letter-spacing:-.01em;
  line-height:1.15;
  text-align:left;
}
.qm-catbar__see{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#e9e9e9;
  color:#333;
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:6px 10px;
  border-radius:2px;
  text-decoration:none;
  line-height:1;
  transition:background .18s ease,color .18s ease;
}
.qm-catbar__see i{font-size:10px;color:#666;}
.qm-catbar__see:hover,.qm-catbar__see:focus-visible{
  background:#111;color:#fff;text-decoration:none;
}
.qm-catbar__see:hover i,.qm-catbar__see:focus-visible i{color:#fff;}
/* 4 列瓦片网格 */
.qm-catbar__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  align-items:start;
}
/* 单个瓦片：图片全宽；标签在图片下方；瓦片整体底部红色分隔线 */
.qm-catbar__tile{
  position:relative;
  display:block;
  text-decoration:none;
  color:inherit;
  padding-bottom:0;
  border-bottom:2px solid var(--qmh-accent);
  background:#fff;
  overflow:hidden;
}
.qm-catbar__img{
  display:block;
  width:100%;
  overflow:hidden;
  background:#f2f2f2;
}
.qm-catbar__img img{
  display:block;
  width:100%;height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  transition:transform .3s ease;
}
.qm-catbar__tile:hover .qm-catbar__img img,
.qm-catbar__tile:focus-visible .qm-catbar__img img{transform:scale(1.03);}
.qm-catbar__label{
  position:relative;
  z-index:2;
  display:block;
  width:86%;
  margin:-46px auto 14px;
  background:#fff;
  padding:16px 10px;
  text-align:center;
  color:#555;
  font-size:12px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  line-height:1.2;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  transition:color .18s ease;
}
.qm-catbar__tile:hover .qm-catbar__label,
.qm-catbar__tile:focus-visible .qm-catbar__label{color:var(--qmh-accent);}
@media (max-width:900px){
  .qmh-ftv__grid{grid-template-columns:1fr;gap:28px;}
  .qmh-ftv__main{height:320px;}
  .qm-catbar__grid{grid-template-columns:repeat(2,1fr);gap:16px;}
  .qm-catbar__title{font-size:22px;}
}
@media (max-width:640px){
  .qmh-ftv__main{height:220px;}
  .qmh-ftv__title.is-tv{font-size:30px;}
  .qm-catbar__head{flex-wrap:wrap;gap:8px;}
  .qm-catbar__title{font-size:20px;}
  .qm-catbar__label{width:90%;margin:-30px auto 10px;font-size:11px;letter-spacing:.1em;padding:10px 6px;}
  .qmh-catrow__grid{gap:12px;}
  .qmh-catrow__tile span{height:36px;margin:-42px auto 0;font-size:10px;line-height:11px;padding:.7em .3em 1.2em;}
}
@media (prefers-reduced-motion:reduce){
  .qmh-tv__thumb img{transition:none;}
}