/* =========================================================
   严苛品质（tech_quality）  类名前缀 tq-
   ========================================================= */

/* ---------- ① 测试介绍 + 视频 + 数据 ---------- */
.tq-intro .sec-head { max-width: 11rem; margin-left: auto; margin-right: auto; }
.tq-intro .sec-sub { font-size: .18rem; }

/* 封面 + 播放按钮视频 */
.tq-video { position: relative; border-radius: .24rem; overflow: hidden; background: var(--c-bg-gray); isolation: isolate; }
.tq-video video { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; background: #000; }
.tq-video-cover { position: relative; z-index: 1; transition: opacity .4s, visibility .4s; }
.tq-video-cover img { width: 100%; height: auto; }
.tq-video[data-inline-video] .tq-video-cover { cursor: pointer; }
.tq-video[data-inline-video] .tq-video-cover::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .08); transition: background .3s; }
.tq-video[data-inline-video]:hover .tq-video-cover::after { background: rgba(0, 0, 0, .16); }
.tq-video .play-btn { z-index: 2; box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .15); transition: transform .3s, opacity .3s, visibility .3s; }
.tq-video .play-btn::before { content: ""; position: absolute; inset: -.12rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .7); animation: tq-pulse 2s ease-out infinite; }
.tq-video.is-playing .tq-video-cover, .tq-video.is-playing .play-btn { opacity: 0; visibility: hidden; pointer-events: none; }
.tq-video.no-cover video { position: static; height: auto; aspect-ratio: 16 / 9; }
@keyframes tq-pulse { 0% { transform: scale(.85); opacity: 1; } 100% { transform: scale(1.3); opacity: 0; } }

/* 数据 */
.tq-stats { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: .7rem; }
.tq-stat { position: relative; padding: .16rem .56rem .1rem; border-left: 1px solid var(--c-line); }
.tq-stat:first-child { border-left: 0; padding-left: .2rem; }
.tq-stat-icon { position: absolute; right: .56rem; top: .1rem; width: .48rem; height: .48rem; display: flex; align-items: center; justify-content: center; font-size: .44rem; color: var(--c-text); }
.tq-stat-icon .ico { stroke-width: 1.2; }
.tq-stat-icon img { max-width: 100%; max-height: 100%; }
.tq-stat-num { display: flex; align-items: flex-start; font-size: .64rem; font-weight: 700; line-height: 1; letter-spacing: -.01rem; font-variant-numeric: tabular-nums; font-family: "DIN Alternate", "Helvetica Neue", Arial, -apple-system, sans-serif; }
.tq-stat-num sup { font-size: .32rem; line-height: 1; margin-left: .04rem; }
.tq-stat-label { margin-top: .18rem; font-size: .18rem; color: var(--c-text-2); }

/* ---------- ② 测试标准 ---------- */
.tq-std { background: var(--c-bg-gray-2); }
.tq-std-group { display: flex; align-items: flex-start; padding: .7rem 0; border-top: 1px solid var(--c-line); }
.tq-std-group:first-child { padding-top: .1rem; border-top: 0; }
.tq-std-group:last-child { padding-bottom: 0; }
.tq-std-cat { position: sticky; top: calc(var(--header-h) + .4rem); width: 24%; flex-shrink: 0; padding-right: .4rem; }
.tq-std-cat h3 { font-size: .36rem; font-weight: 700; }
.tq-std-en { margin-top: .06rem; font-size: .14rem; letter-spacing: .02rem; text-transform: uppercase; color: var(--c-text-3); }
.tq-std-count { display: inline-block; margin-top: .24rem; padding: .04rem .16rem; border: 1px solid var(--c-line); border-radius: .3rem; font-size: .14rem; color: var(--c-text-2); background: #fff; }
.tq-std-list { flex: 1; min-width: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: .24rem; }
.tq-std-list > li { display: flex; }
.tq-std-card { flex: 1; padding: .34rem .32rem .38rem; border: 1px solid var(--c-line); border-radius: .16rem; background: #fff; transition: border-color .3s, box-shadow .3s, transform .3s; }
.tq-std-card:hover { border-color: var(--c-primary); box-shadow: 0 .16rem .4rem rgba(0, 0, 0, .06); transform: translateY(-.04rem); }
.tq-std-hd { display: flex; flex-direction: column; gap: .14rem; }
.tq-std-no { font-size: .14rem; font-weight: 600; color: var(--c-text-3); font-variant-numeric: tabular-nums; }
.tq-std-hd h4 { font-size: .22rem; font-weight: 700; }
.tq-std-desc { margin-top: .14rem; font-size: .15rem; line-height: 1.8; color: var(--c-text-2); }

/* ---------- ③ 认证与数据 ---------- */
.tq-cert-img { border-radius: .24rem; overflow: hidden; }

/* ---------- 平板（761~1199，手机导航 + PC 内容） ---------- */
@media (max-width: 1199px) and (min-width: 761px) {
  .tq-std-cat { top: calc(var(--header-h) + 1rem); }
  .tq-std-list { grid-template-columns: repeat(2, 1fr); }
  .tq-std-desc { font-size: .18rem; }
  .tq-stat-label { font-size: .2rem; }
}

/* ---------- 手机（≤760，按 750 设计稿） ---------- */
@media (max-width: 760px) {
  .tq-intro .sec-sub { font-size: .26rem; text-align: left; }
  .tq-video { border-radius: .2rem; }
  .tq-video .play-btn::before { inset: -.14rem; }

  .tq-stats { margin-top: .5rem; padding: .36rem 0; border-radius: .2rem; background: var(--c-bg-gray-2); }
  .tq-stat, .tq-stat:first-child { padding: 0 .1rem; text-align: center; }
  .tq-stat-icon { position: static; margin: 0 auto .16rem; width: .56rem; height: .56rem; font-size: .5rem; }
  .tq-stat-num { justify-content: center; font-size: .44rem; }
  .tq-stat-num sup { font-size: .24rem; margin-left: .02rem; }
  .tq-stat-label { margin-top: .12rem; font-size: .22rem; line-height: 1.4; }

  .tq-std { background: var(--c-bg-gray); }
  .tq-std-group, .tq-std-group:first-child, .tq-std-group:last-child { display: block; padding: .4rem .36rem .1rem; border: 0; border-radius: .24rem; background: #fff; }
  .tq-std-group + .tq-std-group { margin-top: .3rem; }
  .tq-std-cat { position: static; width: auto; padding: 0 0 .26rem; display: flex; flex-wrap: wrap; align-items: baseline; gap: .04rem .16rem; border-bottom: 1px solid var(--c-line); }
  .tq-std-cat h3 { font-size: .36rem; }
  .tq-std-en { margin: 0; font-size: .2rem; }
  .tq-std-count { margin: 0 0 0 auto; padding: .02rem .16rem; font-size: .22rem; background: var(--c-bg-gray-2); }
  .tq-std-list { display: block; }
  .tq-std-list > li + li { border-top: 1px solid var(--c-line); }
  .tq-std-card, .tq-std-card:hover { padding: .3rem 0; border: 0; border-radius: 0; background: none; box-shadow: none; transform: none; }
  .tq-std-hd { flex-direction: row; align-items: baseline; gap: .16rem; }
  .tq-std-no { font-size: .22rem; }
  .tq-std-hd h4 { font-size: .3rem; }
  .tq-std-desc { margin-top: .1rem; padding-left: .44rem; font-size: .25rem; line-height: 1.7; }

  .tq-cert-img { border-radius: .2rem; }
}